main.rs-profile-owner{margin:0!important;padding:0 12px!important;max-width:none!important;background:#fff!important;color:#090c0b!important;font:16px/1.25 Arial,Helvetica,sans-serif;min-height:0;overflow:visible}
.rs-profile-owner *{box-sizing:border-box}
.po-viewport{height:var(--po-height,calc(100dvh - 90px));position:relative;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}
.po-stage{width:1586px;height:992px;flex:0 0 1586px;transform:scale(var(--po-scale,.8));transform-origin:top center;background:#fff;padding:0 34px;display:flex;flex-direction:column}
.po-masthead{height:47px;flex:0 0 47px;display:flex;align-items:center;border-bottom:1px solid #666;gap:36px}
.po-wordmark{font:bold 30px/1 'Times New Roman',Georgia,serif;letter-spacing:-1px}
.po-wordmark:before{content:'';display:inline-block;width:26px;height:25px;background:#008975;clip-path:polygon(0 52%,55% 0,55% 43%,0 96%,0 52%,65% 41%,100% 8%,100% 56%,65% 88%);vertical-align:-2px;margin-right:14px}
.po-page-name{color:inherit;text-decoration:none;font:bold 27px 'Times New Roman',Georgia,serif;border-left:1px solid #aaa;padding-left:34px}
.po-owner-label{margin-left:auto;display:flex;align-items:center;gap:10px;font:17px Arial,sans-serif}
.po-owner-label svg{width:20px;height:20px}
.rs-profile-owner svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.po-tabs{height:48px;flex:0 0 48px;display:flex;align-items:stretch;gap:0;border-bottom:2px solid #222}
.po-tabs button{font:19px Arial,sans-serif;background:none;color:#101713;border:0;border-radius:0;position:relative;padding:9px 35px;white-space:nowrap;cursor:pointer}
.po-tabs button+button:before{content:'';position:absolute;left:0;top:15px;height:17px;border-left:1px solid #777}
.po-tabs button[aria-current=page]{font-weight:700}
.po-tabs button[aria-current=page]:after{content:'';position:absolute;height:6px;bottom:-2px;left:0;right:0;background:#008572}
.po-tabs button:focus-visible,.po-stage a:focus-visible{outline:3px solid #008572;outline-offset:2px}
.po-page-content{flex:1;min-height:0}
.po-introduction{height:100%;display:grid;grid-template-rows:128px minmax(0,1fr)75px 132px 68px}
.po-hero{position:relative;padding:22px 0 0;min-width:0}
.po-hero h1{margin:0;letter-spacing:-2.2px;font:bold 56px/1.05 'Times New Roman',Georgia,serif;position:relative;z-index:1;white-space:nowrap}
.po-hero p{font:22px Arial,sans-serif;margin:8px 0 0;position:relative;z-index:1}
.po-hero img{position:absolute;right:0;bottom:12px;width:36%;height:95px;object-fit:cover;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);z-index:0}
.po-hero h1,.po-hero p{max-width:70%}
.po-examples{display:grid;grid-template-columns:1.47fr .19fr 1fr;gap:12px;min-height:0;align-items:start}
.po-examples figure{margin:0;min-width:0}
.po-examples figcaption{height:38px;display:flex;align-items:center;border-bottom:1px solid #888;padding:0;margin-bottom:17px;font:bold 17px/1.2 'Times New Roman',Georgia,serif;letter-spacing:3.5px;text-transform:uppercase}
.po-examples figcaption h2{margin:0;font:inherit}
.po-add{margin-left:auto;border:1px solid #333;padding:7px 11px;font:700 12px Arial,sans-serif;letter-spacing:1px;text-decoration:none;color:#111}
.po-examples figure>img{display:block;width:100%;height:auto;object-fit:contain}
.po-publish-arrow{display:flex;align-items:center;justify-content:center;align-self:center;background:#008571;color:white!important;padding:12px 11px 12px 6px;text-decoration:none;font:bold 19px/1.05 'Times New Roman',serif;clip-path:polygon(0 0,79% 0,100% 50%,79% 100%,0 100%);min-height:70px}
.po-steps{list-style:none;margin:0;padding:8px 0 9px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;border-bottom:1px solid #222}
.po-steps li{display:flex;align-items:center;gap:22px;padding-right:18px;min-width:0}
.po-steps li+li{border-left:1px solid #777;padding-left:28px}
.po-steps svg{width:44px;height:44px}
.po-steps h3{font:700 15px/1.3 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin:0 0 4px;white-space:nowrap}
.po-steps p{font:16px/1.2 Arial,sans-serif;margin:0}
.po-palette{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:24px;border-bottom:1px solid #222}
.po-palette h2{border-left:6px solid #008572;margin:0;padding:0 16px;font:bold 35px/1.03 'Times New Roman',Georgia,serif;letter-spacing:-1px;max-width:230px}
.po-palette ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;padding:0;row-gap:24px;column-gap:20px}
.po-palette li{display:flex;align-items:center;gap:12px;font:15px Arial,sans-serif;white-space:nowrap}
.po-palette svg{width:30px;height:30px}
.po-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.po-footer p{margin:0;font:14px/1.25 Arial,sans-serif}
.po-subjects{white-space:nowrap;padding-right:20px;border-right:1px solid #aaa}
.po-privacy{font-style:italic!important;flex:1;text-align:center}
.po-button{font:700 16px Arial,sans-serif;white-space:nowrap;border:1px solid #333;padding:11px 21px;color:#111;text-decoration:none;cursor:pointer}
.po-button.po-primary{background:#00836f;color:#fff;border-color:#00836f}
.po-workspace-page{height:100%;display:flex;flex-direction:column;padding:20px 0 0}
.po-workspace-page>header{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 16px}
.po-workspace-page h1{font:38px 'Times New Roman',serif;margin:0}
.po-workspace-page p{font:17px Arial,sans-serif;margin:0}
.po-full-page{margin-left:auto;font:15px Arial,sans-serif;color:#007b70}
.po-workspace-page iframe{width:100%;flex:1;min-height:0;border:1px solid #d6dedb;background:#fff}
@media(max-width:700px){main.rs-profile-owner{padding:0 12px!important}.po-viewport{height:auto;display:block;overflow:visible}.po-stage{width:100%;height:auto;min-height:0;padding:0;transform:none;display:block}.po-masthead{height:auto;min-height:44px;gap:15px;flex-wrap:wrap;padding:8px 0}.po-wordmark{font-size:22px}.po-page-name{font-size:22px;padding-left:12px}.po-owner-label{font-size:11px;margin-left:0}.po-tabs{height:auto;overflow-x:auto}.po-tabs button{font-size:14px;padding:14px 16px}.po-introduction{height:auto;display:block}.po-hero{padding:20px 0}.po-hero h1{max-width:none;white-space:normal;font-size:34px;letter-spacing:-1px}.po-hero p{max-width:none;font-size:16px}.po-hero img{display:none}.po-examples{display:flex;flex-direction:column;gap:15px}.po-examples figcaption{height:42px;margin-bottom:12px;font-size:13px;letter-spacing:2px}.po-publish-arrow{align-self:center;font-size:20px;padding:10px 24px 10px 14px;min-height:42px}.po-steps{display:block;padding:12px 0}.po-steps li{padding:10px 0!important;border:0!important;gap:15px}.po-steps h3{font-size:12px;letter-spacing:1px;white-space:normal}.po-steps p{font-size:14px}.po-palette{display:block;padding:18px 0}.po-palette h2{font-size:28px;margin-bottom:18px;max-width:none}.po-palette ul{justify-content:flex-start;gap:18px}.po-palette li{font-size:12px;gap:6px}.po-palette svg{width:23px;height:23px}.po-footer{flex-wrap:wrap;justify-content:center;padding:16px 0;gap:14px}.po-footer p{font-size:11px}.po-subjects{border:0;white-space:normal;text-align:center;padding:0}.po-privacy{flex-basis:100%}.po-button{font-size:13px;padding:11px}.po-workspace-page{height:calc(100dvh - 160px)}.po-workspace-page h1{font-size:30px}.po-workspace-page p{font-size:14px}}

.po-assemble>img{clip-path:polygon(0 0,94% 0,94% 59%,100% 59%,100% 100%,0 100%)}
.po-palette-options{display:grid;gap:24px}.po-palette-options ul{flex-wrap:nowrap;gap:14px}.po-frame-loading{visibility:hidden}.po-frame-status{font:14px Arial,sans-serif;color:#49615a}
@media(max-width:700px){.po-palette-options{gap:18px}.po-palette-options ul{flex-wrap:wrap;justify-content:flex-start;gap:18px}}

.po-feed-guide{padding:14px 16px;border:1px solid #cbdedb;background:#f7fbfa;color:#142c2a;margin:0 0 16px;font:14px/1.4 Arial,sans-serif}.po-feed-guide h2{font:700 21px 'Times New Roman',serif;margin:0 0 10px}.po-feed-flow{display:grid;grid-template-columns:1fr auto .7fr auto 1.2fr;gap:12px;align-items:center}.po-feed-flow p{font:13px/1.35 Arial,sans-serif!important;border:1px solid #d0e2de;background:white;padding:8px 10px;margin:5px 0!important}.po-feed-combined{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px;background:#007d6c;color:white}.po-feed-combined svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.5}.po-feed-arrow{font-size:25px;color:#007d6c}.po-feed-note{font:12px/1.4 Arial,sans-serif!important;margin:10px 0 0!important;color:#456461}@media(max-width:700px){.po-feed-flow{grid-template-columns:1fr}.po-feed-arrow{text-align:center;transform:rotate(90deg)}.po-feed-guide{padding:12px}}

.po-feed-learn{position:absolute;left:0;bottom:0;color:#007d6c;font:12px Arial,sans-serif;text-decoration:underline}@media(max-width:700px){.po-feed-learn{position:static;display:block;margin-top:10px}}

/* My Feed uses the board width directly, outside the fixed introduction canvas. */
main.rs-profile-owner.po-feed-active{padding:0 8px!important}
.po-feed-active .po-viewport{height:auto;overflow:visible;display:block}
.po-feed-active .po-stage{width:100%;height:auto;min-height:0;max-width:none;transform:none;flex:none;padding:0 8px}
.po-feed-active .po-page-content{flex:none;min-width:0}
.po-feed-active .po-workspace-page{height:auto;padding:0}
.po-feed-active .po-workspace-page>iframe{flex:none;min-height:940px;border:0}
.po-visual-feed{position:relative;border:0;border-bottom:1px solid #d7dedc;background:white;margin:0;padding:12px 0 10px;color:#101713}
.po-feed-guide-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 7px;font:11px Arial,sans-serif;color:#54726a}
.po-feed-toggle{background:#eef5f3;color:#285e53;border:1px solid #cddfd9;border-radius:3px;padding:6px 10px;font:12px Arial,sans-serif;cursor:pointer}
.po-feed-toggle:focus-visible{outline:2px solid #008572;outline-offset:3px}
.po-feed-guide-content[hidden]{display:none!important}
.po-feed-guide-content>header h1{font:700 clamp(27px,3.2vw,46px)/1.1 'Times New Roman',serif;margin:0 0 5px;letter-spacing:-1px}
.po-feed-guide-content>header p{font:clamp(14px,1.5vw,21px)/1.4 'Times New Roman',serif;color:#535d58;margin:0 0 8px}
.rs-profile-owner .po-feed-art{display:block;width:100%;height:auto;max-height:350px;aspect-ratio:1438/345;stroke:none;overflow:hidden}
.po-feed-privacy{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:8px 0 7px;border-bottom:1px solid #d8e2df}
.po-feed-privacy p{display:flex;align-items:center;gap:8px;font:14px/1.4 'Times New Roman',serif!important;margin:0!important}
.po-feed-privacy svg{width:20px;height:20px;color:#008572}
.po-feed-privacy p:last-child{font-style:italic!important;color:#59655e;margin-left:auto!important}
.po-feed-privacy-note{font:12px/1.5 Arial,sans-serif!important;color:#52675f;margin:8px 0 0!important}
.po-feed-collapsed{padding:10px 0}
@media(max-width:700px){.po-feed-active .po-stage{padding:0}.po-feed-active .po-tabs{overflow-x:auto}.po-feed-privacy{gap:8px}.po-feed-privacy p{font-size:12px!important}.po-feed-privacy p:last-child{margin-left:0!important}.po-feed-privacy-note{font-size:11px!important}}

/* The masthead and board tabs stay outside the scaled introduction artwork. */
.rs-profile-owner>.po-masthead{height:40px;min-height:40px;padding:0 12px;gap:20px}
.rs-profile-owner>.po-masthead .po-wordmark{font-size:22px}
.rs-profile-owner>.po-masthead .po-wordmark:before{width:20px;height:20px;margin-right:9px}
.rs-profile-owner>.po-masthead .po-page-name{font-size:20px;padding-left:20px}
.rs-profile-owner>.po-masthead .po-owner-label{font-size:11px;gap:6px}
.rs-profile-owner>.po-masthead .po-owner-label svg{width:15px;height:15px}
.rs-profile-owner>.po-tabs{height:34px;min-height:34px;border-bottom:1px solid #c8d3cd;overflow-x:auto;overflow-y:hidden;align-items:stretch}
.rs-profile-owner>.po-tabs button{font:400 13px/1.2 'Times New Roman',Georgia,serif;padding:7px 18px;flex:0 0 auto}
.rs-profile-owner>.po-tabs button+button:before{display:none}
.rs-profile-owner>.po-tabs button[aria-current=page]{font-weight:700}
.rs-profile-owner>.po-tabs button[aria-current=page]:after{height:2px;bottom:0;background:#008572}
.rs-profile-owner>.po-tabs button.po-add-board{font:20px/1 Arial,sans-serif;padding:4px 12px;color:#007d6c}
.po-profile-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:32px;padding:3px 10px}
.po-profile-tools button{font:11px/1.2 Arial,sans-serif;padding:5px 10px;border:1px solid #c4d6cc;border-radius:3px;background:#f6faf8;color:#315e4b;cursor:pointer}
.po-profile-tools button:hover{background:#eaf4ef}
.rs-profile-owner:not(.po-feed-active) .po-stage{height:897px}
@media(max-width:700px){.rs-profile-owner>.po-masthead{gap:10px;padding:6px 0;height:auto}.rs-profile-owner>.po-masthead .po-owner-label{font-size:10px}.rs-profile-owner>.po-tabs button{font-size:13px;padding:8px 13px}.po-profile-tools{padding-right:0}.rs-profile-owner:not(.po-feed-active) .po-stage{height:auto}}

/* Compact editorial feed header: title and all three actions share one row. */
.po-feed-guide-toolbar{margin:0 0 7px;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.po-feed-guide-toolbar>h1{font:700 clamp(23px,2.4vw,36px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-1px;color:#101713;margin:0 auto 0 0}
.po-feed-guide-toolbar .po-profile-tools{padding:0;min-height:0;margin-left:auto;gap:8px}
.po-feed-guide-toolbar .po-profile-tools button,.po-feed-toggle{font:11px/1.2 Arial,sans-serif;padding:6px 10px;border-radius:2px}
.po-feed-guide-content>header p{font:italic 15px/1.3 Georgia,'Times New Roman',serif;margin:0 0 9px;color:#53685c}
.rs-profile-owner .po-feed-art{aspect-ratio:1438/245;max-height:280px}
.po-feed-privacy-note{margin:7px 0 0!important;font-size:11px!important;line-height:1.45!important}
.po-feed-collapsed{padding:9px 0}
@media(max-width:700px){.po-feed-guide-toolbar>h1{flex-basis:100%;margin-bottom:3px}.po-feed-guide-toolbar .po-profile-tools{margin-left:0}.po-feed-guide-toolbar .po-profile-tools button,.po-feed-toggle{padding:6px 8px;font-size:10px}.po-feed-guide-content>header p{font-size:13px}}

/* Introduction retains its full canvas, with an audience guide and a slim post rail. */
.po-canvas{flex:1;min-width:0;height:var(--po-height);overflow:hidden;position:relative}
.po-viewport{justify-content:flex-start;gap:15px}
.po-canvas .po-stage{transform-origin:top left}
.po-audience-column[hidden],.po-intro-quick[hidden]{display:none!important}
.po-audience-column{width:235px;flex:0 0 235px;align-self:stretch;overflow:auto;border-left:1px solid #bacbc1;padding:11px 0 0 14px;color:#213d2f;scrollbar-width:thin}
.po-audience-column h2{font:700 24px/1.05 Georgia,serif;letter-spacing:-.7px;margin:0 0 15px}
.po-audience-column h3{font:700 10px/1.2 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 9px}
.po-audience-row{display:grid;grid-template-columns:23px 1fr;column-gap:9px;padding:7px 0;border-top:1px solid #d6dfd9}
.po-audience-row svg{grid-row:1/3;width:22px;height:22px;color:#26794f}
.po-audience-row h4{font:700 13px Georgia,serif;margin:0 0 3px}
.po-audience-row p,.po-audience-column section p{font:11px/1.4 Arial,sans-serif;margin:0;color:#40594b}
.po-audience-column section{border-top:1px solid #b8cbbf;margin-top:10px;padding-top:10px}
.po-audience-column section h3{font:700 18px/1.1 Georgia,serif;letter-spacing:-.3px;text-transform:none;margin-bottom:7px}
.po-audience-column small{font:9px/1.3 Arial,sans-serif;color:#607265;display:block;margin-top:7px}
.po-drag-example{font:30px/1.3 Georgia,serif;text-align:center;color:#38866d;border:1px solid #e0e9e3;background:#f6f8f6;margin-bottom:8px}
.po-intro-quick{width:65px;flex:0 0 65px;align-self:stretch;overflow-y:auto;border-left:1px solid #b8cbbf;padding:10px 0 0 6px;text-align:center;scrollbar-width:thin}
.po-intro-quick h2{font:700 13px/1.1 Georgia,serif;margin:0 0 6px}.po-intro-quick>p{font:italic 10px/1.3 Georgia,serif;margin:0 0 9px;color:#476451}
.po-intro-add{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;min-height:54px;width:100%;padding:6px 1px;border:0;border-top:1px solid #e2e8e4;background:#fff;color:#2c5b44;cursor:pointer;font:10px Arial,sans-serif}
.po-intro-add svg{width:22px;height:22px}.po-intro-add:hover{background:#edf5f0}.po-intro-add:focus-visible{outline:2px solid #008572;outline-offset:-2px}.po-intro-post-status{overflow-wrap:anywhere}
.po-feed-active .po-canvas{height:auto;overflow:visible;width:100%;flex:none}
@media(max-width:1250px){.po-audience-column{width:205px;flex-basis:205px;padding-left:10px}.po-audience-column h2{font-size:21px}.po-audience-row p,.po-audience-column section p{font-size:10px}.po-audience-row{padding:5px 0}.po-viewport{gap:10px}}
@media(max-width:950px){.po-intro-active .po-viewport{flex-wrap:wrap;height:auto;overflow:visible}.po-intro-active .po-canvas{flex-basis:100%}.po-audience-column{width:auto;flex:1;max-height:none;border-top:1px solid #b8cbbf;padding:15px}.po-intro-quick{max-height:650px}.po-intro-active .po-stage{padding-inline:12px}}
@media(max-width:700px){.po-canvas{height:auto;overflow:visible;flex-basis:100%}.po-viewport{display:flex;flex-wrap:wrap}.po-audience-column{min-width:230px}.po-intro-quick{flex-basis:65px}.po-intro-active .po-canvas .po-stage{transform:none!important;width:100%}}

/* Preserve the introduction's original scale; the side tools use only its spare width. */
main.rs-profile-owner.po-intro-active{padding-left:4px!important;padding-right:4px!important}
.po-intro-active .po-viewport{gap:8px;align-items:flex-start;flex-wrap:nowrap;overflow:hidden;height:var(--po-height)}
.po-intro-active .po-canvas{flex:0 0 var(--po-board-width);width:var(--po-board-width);height:var(--po-scaled-height);overflow:hidden}
.po-intro-active .po-canvas .po-stage{width:1518px;flex-basis:1518px;padding:0!important;height:897px;transform-origin:top left}
.po-intro-active .po-audience-column{width:var(--po-audience-width);flex:0 0 var(--po-audience-width);min-width:0;height:var(--po-height);max-height:var(--po-height);padding:9px 4px 0 9px;align-self:flex-start}
.po-intro-active .po-audience-column h2{font-size:20px;line-height:1.05;margin-bottom:12px}
.po-intro-active .po-audience-column h3{font-size:9px;letter-spacing:1px;margin-bottom:7px}
.po-intro-active .po-audience-row{grid-template-columns:18px 1fr;column-gap:6px;padding:6px 0}
.po-intro-active .po-audience-row svg{width:18px;height:18px}
.po-intro-active .po-audience-row h4{font-size:12px;margin-bottom:3px}
.po-intro-active .po-audience-row p,.po-intro-active .po-audience-column section p{font-size:10px;line-height:1.35}
.po-intro-active .po-audience-column section{margin-top:8px;padding-top:8px}
.po-intro-active .po-audience-column section h3{font-size:16px;letter-spacing:-.2px}
.po-intro-active .po-drag-example{font-size:23px;margin-bottom:7px}
.po-intro-active .po-intro-quick{width:48px;flex:0 0 48px;min-width:0;height:var(--po-height);max-height:var(--po-height);padding:9px 0 0 4px;align-self:flex-start}
.po-intro-active .po-intro-quick h2{font-size:11px}.po-intro-active .po-intro-quick>p{font-size:9px}
.po-intro-active .po-intro-add{font-size:9px;min-height:47px;gap:4px}.po-intro-active .po-intro-add svg{width:19px;height:19px}
/* A short viewport supplies the side gap. On tall narrow screens keep the board
   at its original size and put the audience text below rather than shrinking it. */
.po-intro-active.po-intro-stacked .po-viewport{flex-wrap:wrap;height:auto;overflow:visible}
.po-intro-stacked .po-canvas{order:1}.po-intro-stacked .po-intro-quick{order:2}
.po-intro-active.po-intro-stacked .po-audience-column{order:3;flex:1 0 100%;width:100%;height:auto;max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px;border-left:0;border-top:1px solid #bacbc1;padding:14px 4px}
.po-intro-stacked .po-audience-column>h2,.po-intro-stacked .po-audience-column>h3{grid-column:1/-1}
@media(max-width:700px){.po-intro-active .po-viewport{height:auto;flex-wrap:wrap;overflow:visible}.po-intro-active .po-canvas{flex:1 0 100%;width:100%;height:auto;overflow:visible}.po-intro-active .po-canvas .po-stage{width:100%;height:auto;transform:none!important;padding:10px!important}.po-intro-active .po-audience-column,.po-intro-active.po-intro-stacked .po-audience-column{display:block;flex:1;order:2;width:auto;height:auto;max-height:none;min-width:190px;padding:12px 8px}.po-intro-active .po-intro-quick{order:3;flex-basis:48px;height:auto;max-height:650px}.po-intro-active .po-canvas{order:1}}
