/* RTF side-column help panels.
   The same look as the Organiser CP's right-hand help, lifted from cp.css so
   the two read identically - but kept in its own small sheet, because the RTF
   pages are built on mq.css and must not take the whole CP stylesheet.
   Markup is emitted by /_includes/rtf_side_help.php. Sept 2026. */

/* THE PAGE HEAD - one shape for every RTF Control Panel page, drawn by
   rtf_page_head() in /_includes/rtf_side_help.php. Compact: the title sits
   beside the back arrow rather than below it, and the rule closes the block.
   The clearfix keeps that rule under the arrow instead of through it. */
.rtf-ph{margin:0 0 14px;padding:2px 0 8px;border-bottom:1px solid #d5d8e8;}
.rtf-ph:after{content:"";display:block;clear:both;}
/* Left aligned like Place Solo Entries - #article centres h1 by default, and
   a centred title over a left aligned page reads as a different screen. */
.rtf-ph h1{margin:0;padding:0;text-align:left;font-size:1.4em;font-weight:bold;color:#354089;line-height:1.2;}
.rtf-ph .sub{margin:3px 0 0;padding:0;text-align:left;color:#555;font-size:.92em;line-height:1.4;}
.rtf-ph .sub strong{color:#222;}

/* The space above the heading is PADDING, not margin. The nav buttons above
   are floated (main.css #nav li a), and this heading clears them - and a
   cleared element's top margin is swallowed by the clearance, so 1.2em and
   then 30px both came out as nothing at all. Padding is not affected. 24px of
   padding plus the last button's own 0.5em margin gives about 32px. Sept 2026. */
.cp-side-h{clear:both;margin:0 0 0.5em;padding:24px 0 0.3em 0.2em;font-size:small;font-weight:bold;
letter-spacing:0.08em;text-transform:uppercase;color:#354089;border-bottom:2px solid #E11F30;}

/* Full width of the side column, so the panels line up with the nav buttons
   above them (the site-wide ruling on side-column width). Was 14px 4% 0 2%,
   which left each panel inset from the buttons on both sides. Sept 2026. */
.tm-side-block{clear:both;margin:14px 0 0;border:1px solid #d5d8e8;border-radius:8px;
background:#fff;color:#222;overflow:hidden;}
.tm-side-block h3,.tm-side-block summary{display:block;margin:0;padding:10px 12px;font-size:medium;
font-weight:bold;color:#354089;background:#f7f8fc;border-bottom:1px solid #e6e8f2;}
.tm-side-block summary{cursor:pointer;list-style:none;}
.tm-side-block summary::-webkit-details-marker{display:none;}
.tm-side-block summary:after{content:"\25BE";float:right;color:#354089;transition:transform 0.2s;}
.tm-side-block details[open] summary:after{transform:rotate(180deg);}
.tm-side-block details:not([open]) summary{border-bottom:none;}
.tm-side-block .inner{padding:8px 12px 12px;font-size:small;line-height:1.45;color:#222;}
.tm-side-block .inner p{margin:0 0 6px;color:#222;}
.tm-side-block .inner p:last-child{margin-bottom:0;}
.tm-side-block a,.tm-side-block a:link,.tm-side-block a:visited{color:#354089;}
.tm-side-block a:hover,.tm-side-block a:focus{color:#E11F30;}
