<commit_before>
/*

Tip: How to examine Apple's help CSS

The HelpViewer doesn't allow one to inspect pages, but all of Yosemite's help is available online.
Use the share button to get URLs. For example:

https://help.apple.com/safari/mac/8.0/index.html?localePath=en.lproj

The online help uses different styling then in HelpViewer.
To get the online help to render identically, use Safari's Inspector to:

- Change html element class 'is-not-hv' to 'is-hv'
- Delete the banner at html > body > div > header

Now the page looks/works the same as in HelpViewer (except for responsive styles).

*/

// Overall page structure

html, body {
    height: 100%;
    width: 100%;
    overflow: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}

header.banner {
	position: fixed;
	top: 0;	left: 0; bottom: 0;	width: 210px;
	overflow-y: auto;
	border-right: 1px solid $grey-color-light;
	z-index: 1;
	background-color: white;
}

main {
	position: fixed;
	top: 0; bottom: 0; left: 210px; right: 0;
	overflow-y: auto;
	max-width: 596px;
	padding: 75px 63px;
}

// Minimal responsiveness

@media all and (max-width:568px) {
	body:not(.title-page) header.banner {
        display: none;
    }
	main {
		left: 0;
		padding: 5% 5%;
	}
}


// Styling of the main content for Jekyll layouts

.title-page main {
	header {<commit_msg>Adjusted help page top margin to better match Apple's.<commit_after>
/*

Tip: How to examine Apple's help CSS

The HelpViewer doesn't allow one to inspect pages, but all of Yosemite's help is available online.
Use the share button to get URLs. For example:

https://help.apple.com/safari/mac/8.0/index.html?localePath=en.lproj

The online help uses different styling then in HelpViewer.
To get the online help to render identically, use Safari's Inspector to:

- Change html element class 'is-not-hv' to 'is-hv'
- Delete the banner at html > body > div > header

Now the page looks/works the same as in HelpViewer (except for responsive styles).

*/

// Overall page structure

html, body {
    height: 100%;
    width: 100%;
    overflow: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}

header.banner {
	position: fixed;
	top: 0;	left: 0; bottom: 0;	width: 210px;
	overflow-y: auto;
	border-right: 1px solid $grey-color-light;
	z-index: 1;
	background-color: white;
}

main {
	position: fixed;
	top: 0; bottom: 0; left: 210px; right: 0;
	overflow-y: auto;
	max-width: 596px;
	padding: 50px 63px;
}

// Minimal responsiveness

@media all and (max-width:568px) {
	body:not(.title-page) header.banner {
        display: none;
    }
	main {
		left: 0;
		padding: 5% 5%;
	}
}


// Styling of the main content for Jekyll layouts

.title-page main {
	header {
{'fraction_non_alphanumeric': 0.11230144070927225, 'fraction_numerical': 0.025858884373845585, 'mean_word_length': 3.4983388704318936, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '907087', 'n_tokens_mistral': 1044, 'n_tokens_neox': 936, 'n_words': 336}