@if $useCore == true {
	/*==========  $Core Details/Summary  ==========*/
	details {
		border-radius: $radius1;
		background: $c-ghostwhite;
		border: 1px solid $c-lightgray;

		summary {
			@include default-gradient();
			border-radius: $radius1 $radius1 0 0;
			border-bottom: 1px solid $c-lightgray;
			cursor: pointer;
			margin: 0;
			padding: 0 #{$baseUnit1 * 2};

			&:focus {
				border-color: $c-brand-main;
				outline-color: $c-brand-main;
			}
		}

		> div { padding: #{$baseUnit1 * 2}; }

		&[open] summary { border-color: $c-silver; }
	}

	/*==========  $Core Rulers / line breaks  ==========*/
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid $c-gray;
		margin: 1em 0;
		padding: 0;
	}

	br { clear: both; }

	/*==========  $Misc  ==========*/
	:focus { outline-color: $c-brand-main; }
}
