.page-share{float:right;position:relative;z-index:8;margin:0 0 0 12px;font:500 1.0625rem/1.4 var(--f-ui);text-align:left}.page-share>summary{display:flex;align-items:center;justify-content:center;min-width:80px;min-height:48px;border:1px solid var(--line-2);border-radius:var(--pill);padding:8px 14px;cursor:pointer;background:var(--ink-2);color:var(--text);list-style:none}.page-share>summary::-webkit-details-marker{display:none}.page-share>summary:after{content:'↗';margin-left:8px;color:var(--signal)}.page-share-panel{position:absolute;right:0;top:100%;width:min(330px,calc(100vw - 48px));max-height:70vh;overflow:auto;background:var(--ink-2);color:var(--text);padding:16px;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 12px 36px #0005}.page-share-panel>a,.page-share-panel>button{display:flex;align-items:center;width:100%;min-height:48px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.page-share label{display:block;margin-top:12px}.page-share input{display:block;width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--ink-1);border:1px solid var(--line-2);border-radius:6px;padding:8px}.page-share [role=status]{font-size:1.0625rem;margin:8px 0 0}.page-share .note{font-weight:400}.planner-intro{position:relative}.planner-intro>.page-share{position:absolute;right:0;top:0;margin:0}.planner-intro>.page-share>summary{min-width:80px}.page-share-panel .embed-listing{font-weight:700;color:var(--signal)}@media print{.page-share{display:none!important}}

/* Keep the existing map tools row below its heading. A float must never narrow filters. */
.map-page-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:8px 22px 0;border-bottom:1px solid var(--line)}.map-page-tools>.map-extra{padding:0;margin:0;border:0}.map-page-tools>.map-extra>summary{min-height:48px;padding:10px 0}.map-page-tools>.page-share{float:none;margin:0}.map-page-tools:has(.map-extra[open]){grid-template-columns:minmax(0,1fr) auto}.map-page-tools>.map-extra[open]{grid-column:1/-1;grid-row:1}.map-page-tools:has(.map-extra[open])>.page-share{grid-column:2;grid-row:1}.map-page-tools:has(.map-extra[open])>.map-extra>summary{max-width:calc(100% - max(110px,6em))}
.place .ph{padding-top:14px}.place .ph h1{margin-bottom:8px}
@media(max-width:760px){.map-page-tools{padding:4px 18px 0;gap:8px}}
.map-page-tools .page-share-panel{max-height:min(70vh,var(--share-height,330px))}

.panel.has-selection .panel-scroll>.intro{display:none}@media(max-width:760px){.app .panel-scroll>.intro{padding-top:8px}.panel.has-selection:not(.full) .map-page-tools{display:none}}

/* A8: keep existing first actions above the phone fold. No text or hit-target reduction. */
.auto-intro{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}.auto-intro>.kicker,.auto-intro>p{flex:0 0 100%}.auto-intro>p{margin-top:0}.auto-intro>h1{flex:1 1 14rem;min-width:0}.auto-intro>.page-share{float:none;margin:0 0 0 auto}
.rh .region-primary{margin-top:12px}
@media(max-width:760px){.checklist-intro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.checklist-intro>.kicker{flex:1 1 10rem;order:0}.checklist-intro>.page-share{flex:0 0 auto;float:none;margin:0 0 0 auto;order:1}.checklist-intro>h1{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere;margin:0;order:2}.checklist-intro>.next-step{flex:0 0 auto;margin:0;max-width:100%;order:3}.log-overview>h2{margin-bottom:6px}.log-search{gap:4px}}

@media(max-width:760px){.log-picks .chip{white-space:normal;max-width:100%;overflow-wrap:anywhere}}

/* A9: page sharing keeps its own flow row beside the planner description. */
@media(max-width:760px){
 .day-plan .planner-intro,.weekend .planner-intro{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:0}
 .planner-intro>.plan-switch{flex:0 0 100%;order:0}
 .day-plan .planner-intro>h1,.weekend .planner-intro>h1{flex:1 1 8rem;min-width:0;order:1}
 .planner-intro>.next-step{flex:0 0 auto;max-width:100%;order:2;margin:0}
 .day-plan .planner-intro>.lede,.weekend .planner-intro>.lede{flex:1 1 12rem;min-width:0;order:3}
 .planner-intro>.page-share{position:relative;inset:auto;float:none;flex:0 0 auto;order:4;margin:0 0 0 auto;align-self:center}
}
/* The panel is a proven opaque viewport overlay, including at browser zoom. */
.page-share-panel{position:fixed;top:calc(var(--top) + 12px);right:var(--gutter);max-height:min(70svh,calc(100svh - var(--top) - 32px));z-index:30}