@charset "utf-8";

@view-transition {
	navigation: auto;
}


/*
	CSS reset from Andy Bell @ Set Studio: https://github.com/Andy-set-studio/modern-css-reset
*/

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button:hover,
input[type="submit"]:hover{
	cursor: pointer;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}



/*
:root {
	--icon-triangle-svg: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">\
			<polygon points="3.87 24.89 15 5.61 26.13 24.89 3.87 24.89"/><path class="cls-1" d="m15,6.61l10.27,17.78H4.73L15,6.61m0-2L3,25.39h24L15,4.61h0Z"/>\
	</svg>');


	--step--2: clamp(0.7813rem, 0.7479rem + 0.1423vw, 0.88rem);
	--step--1: clamp(0.9375rem, 0.8826rem + 0.2342vw, 1.1rem);
	--step-0: clamp(1.125rem, 1.0405rem + 0.3604vw, 1.375rem);
	--step-1: clamp(1.35rem, 1.2254rem + 0.5315vw, 1.7188rem);
	--step-2: clamp(1.62rem, 1.4415rem + 0.7617vw, 2.1484rem);
	--step-3: clamp(1.944rem, 1.6935rem + 1.0689vw, 2.6855rem);
	--step-4: clamp(2.3328rem, 1.9868rem + 1.4762vw, 3.3569rem);
	--step-5: clamp(2.7994rem, 2.3275rem + 2.0134vw, 4.1962rem);


	--space-3xs: clamp(0.3125rem, 0.2914rem + 0.0901vw, 0.375rem);
	--space-2xs: clamp(0.5625rem, 0.5203rem + 0.1802vw, 0.6875rem);
	--space-xs: clamp(0.875rem, 0.8117rem + 0.2703vw, 1.0625rem);
	--space-s: clamp(1.125rem, 1.0405rem + 0.3604vw, 1.375rem);
	--space-m: clamp(1.6875rem, 1.5608rem + 0.5405vw, 2.0625rem);
	--space-l: clamp(2.25rem, 2.0811rem + 0.7207vw, 2.75rem);
	--space-xl: clamp(3.375rem, 3.1216rem + 1.0811vw, 4.125rem);
	--space-2xl: clamp(4.5rem, 4.1622rem + 1.4414vw, 5.5rem);
	--space-3xl: clamp(6.75rem, 6.2432rem + 2.1622vw, 8.25rem);

	 One-up pairs 
	--space-3xs-2xs: clamp(0.3125rem, 0.1858rem + 0.5405vw, 0.6875rem);
	--space-2xs-xs: clamp(0.5625rem, 0.3936rem + 0.7207vw, 1.0625rem);
	--space-xs-s: clamp(0.875rem, 0.7061rem + 0.7207vw, 1.375rem);
	--space-s-m: clamp(1.125rem, 0.8083rem + 1.3514vw, 2.0625rem);
	--space-m-l: clamp(1.6875rem, 1.3285rem + 1.5315vw, 2.75rem);
	--space-l-xl: clamp(2.25rem, 1.6166rem + 2.7027vw, 4.125rem);
	--space-xl-2xl: clamp(3.375rem, 2.6571rem + 3.0631vw, 5.5rem);
	--space-2xl-3xl: clamp(4.5rem, 3.2331rem + 5.4054vw, 8.25rem);

	--grid-max-width: 92.81rem;
	--grid-gutter: var(--space-s-m, clamp(1.125rem, 0.8184rem + 1.3405vw, 2.0625rem));
	--grid-columns: 12;
	--grid-content: 9;
	--grid-sidebar: 3;
}

:root {
  --fluid-min-width: 366;
  --fluid-max-width: 1485;

  --fluid-screen: 100vw;
  --fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1485px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f--2-min: 12.50;
  --f--2-max: 14.08;
  --step--2: calc(
    ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );

  --f--1-min: 15.00;
  --f--1-max: 17.60;
  --step--1: calc(
    ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );

  --f-0-min: 18.00;
  --f-0-max: 22.00;
  --step-0: calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );

  --f-1-min: 21.60;
  --f-1-max: 27.50;
  --step-1: calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );

  --f-2-min: 25.92;
  --f-2-max: 34.38;
  --step-2: calc(
    ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );

  --f-3-min: 31.10;
  --f-3-max: 42.97;
  --step-3: calc(
    ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );

  --f-4-min: 37.32;
  --f-4-max: 53.71;
  --step-4: calc(
    ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );

  --f-5-min: 44.79;
  --f-5-max: 67.14;
  --step-5: calc(
    ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );
}
*/

/* @link https://utopia.fyi/space/calculator?c=366,18,1.2,1485,22,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --grid-max-width: 92.81rem;
  --grid-gutter: var(--space-s-m, clamp(1.125rem, 0.8184rem + 1.3405vw, 2.0625rem));
  --grid-columns: 12;
	--grid-content: 9;
	--grid-sidebar: 3;
	
	--icon-arrow-svg: url('data:image/svg+xml,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.67 7.19">\
		<g><path d="M5.83,7.19L0,1.36,1.36,0l4.47,4.47L10.31,0l1.36,1.36-5.83,5.83Z"></path></g>\
		</svg>');

    /*
        Linear Equation y = mx + b
            point slope form: y − y1 = m(x − x1) 
                 substituted: y = y1 + (y2 − y1) / (x2 − x1) × (x − x1)
    
        using points p1(x1,y1) and p2(x2,y2):

        font-size   => p1(320, 20)         p2(1485, 22)
        line-height => p1(320, 20 * 1.618) p2(1485, 22 * 1.41)
    
        multiply endresult (y) with generic multiplier for element scaling
    */
    /* Filling in the above equation (2x use of 'px' otherwise the calc will fail) */
		/* Good primer here: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */
    --fs:                  calc( (21px          + (24.0 - 20)                    / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
    --lh:                  calc( (21px * 1.5    + (24.0 * 1.636 - 21 * 1.5)      / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
    --lh-comments:         calc( (18px * 1.5    + (20.0 * 1.5 - 18 * 1.5)        / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
    --lh-h1-h2-heading:    calc( (36px * 1.15   + (44.0 * 1    - 36 * 1.2)       / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
    --lh-h3-heading:       calc( (22px * 1.5    + (27.0 * 1.41 - 22 * 1.5)       / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );

    --fs-side:             calc( (18px          + (18.0 - 18)                    / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
    --lh-side:             calc( (18px * 1.618  + (18.0 * 1.636 - 18 * 1.618)    / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );

	--a11y-scale: 1;
		
	--header-height:       calc( (100px         + (196   - 100)                  / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
	--logo-size:           calc( (80px          + (165   - 80)                   / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
	--logo-hposition:      calc( (-300px        + (-390  - (-300))               / (1485 - 853) * (100vw - 853px)) * var(--a11y-scale) );
	--logo-gap:            calc( (21px          + (101   - 21)                   / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );

	--logo-font-size:      calc( (30px          + (45    - 30)                   / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
	--logo-font-span-size: calc( (15px          + (21    - 15)                   / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
	--logo-span-indent:    calc( (0px           + (45    - 0)                    / (1485 - 366) * (100vw - 366px)) * var(--a11y-scale) );
	--logo-left-margin:    calc( (15px          + (21    - 15)                   / (1485 - 366) * (100vw - 853px)) * var(--a11y-scale) );

	
	--fluid-min-width: 366;
  --fluid-max-width: 1485;

  --fluid-screen: 100vw;
  --fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1485px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f--2-min: 12.50;
  --f--2-max: 14.08;
  --step--2: calc(
    ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );

  --f--1-min: 15.00;
  --f--1-max: 17.60;
  --step--1: calc(
    ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );

  --f-0-min: 20.00;
  --f-0-max: 24.00;
  --step-0: calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );

  --f-1-min: 21.60;
  --f-1-max: 27.50;
  --step-1: calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );

  --f-2-min: 25.92;
  --f-2-max: 34.38;
  --step-2: calc(
    ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );

  --f-3-min: 31.10;
  --f-3-max: 42.97;
  --step-3: calc(
    ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );

  --f-4-min: 37.32;
  --f-4-max: 53.71;
  --step-4: calc(
    ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );

  --f-5-min: 44.79;
  --f-5-max: 67.14;
  --step-5: calc(
    ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );
	
	
	
	--fc-3xs-min: (var(--fc-s-min) * 0.25); 
  --fc-3xs-max: (var(--fc-s-max) * 0.25);

  --fc-2xs-min: (var(--fc-s-min) * 0.5); 
  --fc-2xs-max: (var(--fc-s-max) * 0.5);

  --fc-xs-min: (var(--fc-s-min) * 0.75); 
  --fc-xs-max: (var(--fc-s-max) * 0.75);

  --fc-tbl-min: (var(--fc-s-min) * 0.8889); 
  --fc-tbl-max: (var(--fc-s-max) * 0.81818);

  --fc-smallish-min: (var(--fc-s-min) * 1); 
  --fc-smallish-max: (var(--fc-s-max) * 0.90909);

  --fc-s-min: (var(--f-0-min, 20)); 
  --fc-s-max: (var(--f-0-max, 24));

  --fc-sx-min: (var(--fc-s-min) * 1.3334); 
  --fc-sx-max: (var(--fc-s-max) * 1.3636);

  --fc-m-min: (var(--fc-s-min) * 1.5); 
  --fc-m-max: (var(--fc-s-max) * 1.5);

  --fc-mx-min: (var(--fc-s-min) * 1.6667); 
  --fc-mx-max: (var(--fc-s-max) * 1.6363);

  --fc-l-min: (var(--fc-s-min) * 2); 
  --fc-l-max: (var(--fc-s-max) * 2);

  --fc-xl-min: (var(--fc-s-min) * 3); 
  --fc-xl-max: (var(--fc-s-max) * 3);

  --fc-2xl-min: (var(--fc-s-min) * 4); 
  --fc-2xl-max: (var(--fc-s-max) * 4);

  --fc-3xl-min: (var(--fc-s-min) * 6); 
  --fc-3xl-max: (var(--fc-s-max) * 6);

  /* T-shirt sizes */
  --space-3xs: calc(((var(--fc-3xs-min) / 16) * 1rem) + (var(--fc-3xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
  --space-2xs: calc(((var(--fc-2xs-min) / 16) * 1rem) + (var(--fc-2xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
  --space-xs: calc(((var(--fc-xs-min) / 16) * 1rem) + (var(--fc-xs-max) - var(--fc-xs-min)) * var(--fluid-bp));
  --space-tbl: calc(((var(--fc-tbl-min) / 16) * 1rem) + (var(--fc-tbl-max) - var(--fc-tbl-min)) * var(--fluid-bp));
  --space-smallish: calc(((var(--fc-smallish-min) / 16) * 1rem) + (var(--fc-smallish-max) - var(--fc-smallish-min)) * var(--fluid-bp));
  --space-s: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-sx: calc(((var(--fc-sx-min) / 16) * 1rem) + (var(--fc-sx-max) - var(--fc-sx-min)) * var(--fluid-bp));
  --space-m: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp));
  --space-mx: calc(((var(--fc-mx-min) / 16) * 1rem) + (var(--fc-mx-max) - var(--fc-mx-min)) * var(--fluid-bp));
  --space-l: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp));
  --space-xl: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
  --space-2xl: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
  --space-3xl: calc(((var(--fc-3xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));
  
  /* One-up pairs */
  --space-3xs-2xs: calc(((var(--fc-3xs-min) / 16) * 1rem) + (var(--fc-2xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
  --space-2xs-xs: calc(((var(--fc-2xs-min) / 16) * 1rem) + (var(--fc-xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
  --space-xs-s: calc(((var(--fc-xs-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-xs-min)) * var(--fluid-bp));
  --space-s-m: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-m-l: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp));
  --space-l-xl: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp));
  --space-xl-2xl: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
  --space-2xl-3xl: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));

  /* Custom pairs */
  --space-s-l: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-3xs-3xl: calc(((var(--fc-3xs-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xs-min)) * var(--fluid-bp));

}

/* fira-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v16-latin-regular.woff2') format('woff2');
}

/* fira-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v16-latin-italic.woff2') format('woff2');
}

/* fira-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v16-latin-600.woff2') format('woff2');
}

/* fira-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-v16-latin-600italic.woff2') format('woff2');
}

/* bree-serif-regular */
/*
@font-face {
  font-display: swap;
  font-family: 'Bree Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/bree-serif-regular.ttf') format('ttf');
}
*/

h1, h2, h3, h4, h5, h6, caption {
	text-wrap: balance;
	color: #5c4e45;
}
h1 {
	font-size: var(--space-l);
	line-height: var(--space-l);
}
h2, h3, h4 {
	font-size: var(--space-m);
	line-height: var(--space-mx);
}
main p, main li, dd, address, caption, dt, legend, ul , ol, dl {
	max-width: 54ch;
	font-size: var(--space-s);
	line-height: var(--space-m);
}
ul, ol,dl {
  padding-inline-start: 27px;
}
img, picture {
	display: inline-block;
	width: 100%;
	height: auto;
}
a {
	color: #90411c;
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	border-radius: 3px;
}
a:focus,
a:hover,
a:active {
	transition: background-color 0.15s;
	background-color: #90411c;
	color: #fafaf2;
}
main a:focus,
main a:hover,
main a:active,
footer a:focus,
footer a:hover,
footer a:active {
	outline: 2px solid #90411c;
	text-decoration: none;
}
.unstyled {
	list-style: none;
	padding: 0;
	margin: 0;
}


html,
body {
	color: #5c4e45;
	font-family: "Fira Sans", "Gill Sans", "Myriad Pro", Helvetica, Arial, "sans-serif";
}



*:focus:not(:focus-visible),
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
	outline:none
}
*:focus-visible,
a:focus-visible,
button:focus-visible {
	position:relative;
	z-index:50;
	transition:none;
	background-color:#fd0 !important;
	color:#000 !important;
	box-shadow:0 0 0 .25rem #fff !important;
	outline:.375rem double #000 !important;
	border-radius:.125rem;
	border-color:transparent;
	text-decoration:none !important
}

.visually-hidden,
.skip-block .nav,
.skip-block li,
[aria-hidden="true"],
.follow-text,
.social-text,
.back-to-top-btn span {
	position: absolute;
	width: 1px;
	min-width: auto;
	height: 1px;
	min-height: auto;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
}
.skip-block li {
	font-size: var(--step--1);
	line-height: var(--space-m);
}

.skip-block a:focus {
	position: fixed;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	padding: 12px;
}



img.wp-smiley, img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}


html,
body {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #fafaf2;
	overflow: hidden;
	overflow-y: auto;
}
body * {
	box-sizing: border-box;
	margin: 0;
}
section > * + *,
.panel-wrap .panel > * + *,
.panel-wrap .panel + .panel,
.author .panelouter > * + *,
.respond > * + * {
	margin-block-start: var(--space-l);
}
main li + li {
	margin-block-start: var(--space-s);
}
main .meta li + li,
main .highlight li + li{
	margin-block-start: var(--space-2xs);
}
main .sectionlist li + li,
main .paginate li + li {
	margin-block-start: 0;
}
.archive-wrap > * + * {
	margin-block-start: var(--space-s);
}
.highlight > * + * {
	margin-block-start: var(--space-s);
}
.highlight > * + ol,
.highlight > * + ul {
	margin-block-start: var(--space-3xs);
}



[role="banner"],
.sub-nav {
	background-color: #fff;
}
[role="banner"] {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	border-bottom: 5px solid #9a9c00;
}

[role="banner"] div {
	display: flex;
	width: 100%;
	padding-inline: var(--grid-gutter);
	margin-inline: auto;
	height: var(--header-height);
	max-height: 196px;
}



.lg-screen {
	overflow: initial;
}


.lg-screen [role="banner"] {
	background-image: url(../images/illustration-surrey-hills.svg);
	background-repeat: no-repeat;
	background-position: var(--logo-hposition) calc(100% - (-33px));
	background-size: auto 100%;
}
	.lg-screen [role="banner"] .site-name {
		margin-block-start: calc(var(--space-m) * -1);
	}
@media screen and (min-width: 1485px ) {
	.lg-screen [role="banner"] {
		background-position: -390px calc(100% - (-43px));
	}
}



nav[class*="-nav"] ul {
	max-width: var(--fluid-screen);
	margin: 0 auto;
}
.flex-container {
	width: 100%;
	max-width: var(--grid-max-width);
	padding-inline: var(--grid-gutter);
	margin-inline: auto;
	grid-template-columns: repeat(var(--grid-columns), 1fr);
	gap: var(--space-s-m);
}
	.flex-container article,
	.flex-container .panel-body-inner {
		grid-column: 1 / span var(--grid-content);
	}
	.flex-container aside {
		grid-column: calc(var(--grid-content) + 1) / span var(--grid-sidebar);
	}
@media screen and (width > 1260px) and (orientation: landscape) {
	.flex-container {
		display: grid;
		gap: var(--grid-gutter);
	}
	.flex-container .panel-body-inner {
		display: grid;
		gap: var(--grid-gutter);
	}
	.flex-container article + aside {
		margin-block-start: 0;
	}
}



[role="banner"] div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: start;
	gap: var(--logo-gap);
	text-transform: lowercase;
}
[role="banner"] a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width: fit-content;
	padding: 0;
	position: relative;
	z-index: 10;
	transition: none;
	border-radius: 50%;
}
[role="banner"] a:focus,
[role="banner"] a:hover,
[role="banner"] a:active{
	background-color: transparent;
}
.site-name {
	color: #706054;
	font-size: var(--logo-font-size);
	line-height: 1.135;
	font-family: "Century Gothic", "OpenSansBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: relative;
	z-index: 10;
}
[role="banner"] a:focus span,
[role="banner"] a:hover span,
[role="banner"] a:active span {
	color: #505050;
}
[role="banner"] img {
	width: var(--logo-size);
	max-width: 165px;
	height: auto;
	transform: rotate(-9deg);
	transition: rotate, 0.22s;
}
[role="banner"] a:focus-visible img {
	transform: rotate(-9deg);
}
[role="banner"] span {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
header[role="banner"] .tagline {
	font-size: var(--logo-font-span-size);
	line-height: 1.3125;
	font-weight: normal;
	margin: 0 0 0 var(--logo-span-indent);
	text-transform: none;
	color: #90433c;
}
[role="banner"] a:focus .tagline,
[role="banner"] a:hover .tagline,
[role="banner"] a:active .tagline {
	color: #90433c;
}



main {
	margin-block-start: var(--space-xl);
}
section header {
	border-left: calc(var(--space-3xs) + 3px) solid #5c4e45;
	padding: var(--space-xs) 0 var(--space-xs) var(--space-s);
	margin-block-end: var(--space-xl);
}
header > * + * {
	margin-block-start: calc(var(--space-s) / 2);
}
section header .meta p {
  display: flex;
  max-width: calc(1024px - ( (var(--space-3xs) + 3px) + var(--space-s)) );
  justify-content: space-between;
  gap: var(--space-s);
  align-items: center;
}
section header .meta a {
  white-space: nowrap;
}
section header h1 {
  max-width: calc(1024px - ( (var(--space-3xs) + 3px) + var(--space-s)) );
  margin-inline-end: calc((var(--space-3xs-3xl)))
}
section + section,
article + aside,
hr + section,
.panel-body > * + *,
.comments > * + *,
.respond-wrap > * + *,
.side-bar-wrap > * + *,
hr + .meta + .comments {
	margin-block-start: var(--space-l);
}
.comment-body > * + * {
	margin-block-start: var(--space-s);
}



figure,
.content-image-link a {
	max-width: 1024px;
}
figure a,
.content-image-link {
	display: block;
	border-radius: 6px;
	line-height: 0;
}
figure a img,
.content-image-link img {
	border: 1px solid hsl(52, 7%, 87%);
	border-radius: 6px;
	background-color: #5c4e45;
}
figure a:focus,
figure a:hover,
figure a:active,
.content-image-link:focus,
.content-image-link:hover,
.content-image-link:active {
	border-radius: 9px;
	outline: none;
}
figure a:focus img,
figure a:hover img,
figure a:active img,
.content-image-link:focus img,
.content-image-link:hover img,
.content-image-link:active img {
	opacity: 0.88;
}
figcaption {
	padding: var(--space-2xs) var(--space-2xs) 0 var(--space-2xs);
	font-size: var(--step-0);
	text-align: end;
	font-style: italic;
	color: #706054;
  text-wrap: balance;
}



blockquote, .advert, .highlight {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: var(--space-s);
	max-width: 54ch;
	width: 100%;
	padding: var(--space-s);
	border: 1px dashed hsl(74, 7%, 76%);
	border-width: 1px 0;
	padding-left: calc(var(--space-xl));
	background-image: url(../images/quote-left.svg);
	background-position: var(--space-xs) var(--space-xs);
	background-repeat: no-repeat;
	background-size: calc(var(--space-xl)) auto;
	min-height: calc(var(--space-2xl));
}
.advert, .highlight {
	padding: var(--space-s);
	background-image: none;
	background-color: #f1f1e6;
	font-style: italic;
	min-height: none;
}



[class*="-btn"] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: #5c4e45;
	padding: var(--space-xs) var(--space-s);
	border-radius: 6px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}
[class*="-btn"]:focus,
[class*="-btn"]:hover,
[class*="-btn"]:active {
	outline: none;
}
.advert p {
	line-height: var(--space-sx);
	text-align: center;
}
.lg-screen .advert p {
	text-align: left;
}



.bmc {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-xs);
}
@media screen and (min-width: 600px ) {
	.bmc {
		flex-direction: row;
	}
}
.bmc-btn {
	gap: var(--space-2xs);
  font-weight: 600;
/*
	font-family: 'Bree Serif', cursive;
  font-style: oblique;
*/
}
.bmc-btn:focus,
.bmc-btn:hover {
}


.tbl-wrap {
	position: relative;
	font-size: var(--space-s);
	width: 100%;
	max-width: 54ch;
	overflow: hidden;
	overflow-x: auto;
}
table {
	position: relative;
	font-size: var(--space-tbl);
	line-height: 1.3334;
	font-variant-numeric: lining-nums tabular-nums;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
}
caption {
	min-width: 100%;
	font-weight: bold;
	font-size: var(--space-s);
	line-height: var(--lh);
	text-align: left;
	margin-bottom: var(--space-s);
}
th, td {
	border-bottom: 1px solid hsl(52, 7%, 87%);
	padding: var(--space-3xs);
	vertical-align: baseline;
}
th {
	background-color: #f1f1e6;
	color: #5c4e45;
}
td {
	text-align: right;
	vertical-align: middle;
}
td[colspan] {
	text-align: center;
}
th b,
td b{
	display: none;
}
tbody tr:hover th,
tbody tr:hover td {
	transition: background-color, 0.15s;
	background-color: hsl(53,26%,85%);
}
thead th {
	text-align: right;
	vertical-align: bottom;
}
thead th:first-of-type {
	text-align: left;
}
tbody th {
	text-align: left;
}
		tbody th {
			min-width: auto;
		}
		.columns-2 tbody td {
			width: 70%;
		}
		.columns-3 tbody td {
			width: 35%;
		}
		.columns-4 tbody td {
			width: 23.33%;
		}
		.columns-5 tbody td {
			width: 17.5%;
		}
		.columns-6 tbody td {
			width: 14%;
		}

.bike-spec.columns-2  th, .bike-spec.columns-2 td {
  text-align: left;
}



.meta {
	color: #706054; 
}
.meta > * + * {
	margin-block-start: var(--space-sx);
}
.meta ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.panel-body .meta,
hr + .meta {
	font-size: var(--space-s);
	max-width: 54ch;
	border-bottom: 1px dashed hsl(74, 7%, 76%);
	padding-bottom: var(--space-s);
	font-style: italic;
}
.meta + .meta {
	margin-block-start: var(--space-xs);
}
.bmc {
	border-width: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
	justify-content: space-between;
}
.bmc + .meta {
	padding: var(--space-s);
	margin-block-start: 0;
	border-block-start-width: 0;
	background-color: #f1f1e6;
}
.bmc + .meta > * + * {
	margin-block-start: var(--space-3xs);
}
.meta + .bmc {
	padding-block: var(--space-s);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
}
hr + .meta {
	padding: var(--space-s);
	margin-block-start: var(--space-s);
	border-block-start: 1px dashed hsl(74, 7%, 76%);
	background-color: #f1f1e6;
}
hr + .meta > * + * {
	margin-block-start: var(--space-3xs);
}
hr + .meta ul {
  list-style: disc;
	padding-inline-start: 27px;
}
.ping-comment {
  display: flex;
  gap: var(--space-s);
  justify-content: space-between;
}



button > * {
	pointer-events: none;
}
button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 48px;
	min-width: 48px;
	min-height: 48px;
	padding: 0;
}
button svg[aria-hidden="true"],
button svg[aria-hidden="false"] {
	position: static;
	width: auto;
	height: auto;
}



footer {
	background-color: #cdce63;
	border-top: 3px solid #9a9c00;
	padding: var(--space-m) 0 var(--space-3xl) 0;
	margin-block-start: 2.5rem;
	color: #5c4e45;
}
footer .grid-container {
	margin-block-start: 2.5rem;
	margin-block-end: 2.5rem;
}
footer .grid-1 {
	grid-column: 1 / span 4;
}
footer .grid-2 {
	grid-column: 5 / span 4;
}
footer .grid-3 {
	grid-column: 10 / span 4;
}
footer a {
	color: #5c4e45;
	text-decoration: none;
}
.copyright {
	font-size: var(--space-s);
	line-height: var(--space-sx)
	width: 100%;
	max-width: calc(var(--fluid-max-width)* 1px);
	margin: 0 auto;
	padding-inline: var(--grid-gutter);
}
.lg-screen footer {
	padding-top: 0;
	border-top-width: 0;
}
.lg-screen footer:before {
	content: "";
	display: block;
	height: 200px;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	background-color: #fafaf2;
	background-image: url(../images/illustration-surrey-hills.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	border-width: 0;
	padding: 0;
	margin: calc(calc(var(--lh) +(var(--space-3xs)* 2)) + 7px) 0;
}
#footerActions {
	position: fixed;
	bottom: var(--space-xs);
	left: 0;
	width: 100%;
}
#footerActions div {
  display: flex;
  justify-content: end;
  align-items: center;
}
[class=*"post"] #footerActions div {
  justify-content: space-between;
}
.add-comment-btn {
	width: fit-content;
	margin: 0 auto;
/*
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
*/
	background-color: #352b24;
	font-size: var(--space-s);
	line-height: 1;
	font-weight: 600;
}
.back-to-top-btn {
/*
	position: absolute;
	bottom: var(--space-xs);
	right: var(--grid-gutter);
*/
	padding: 0;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #352b24;
}
.back-to-top-btn:before {
	content: "";
	display: block;
	width: 22px;
	height: 13px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-mask-image: var(--icon-arrow-svg);
	mask: var(--icon-arrow-svg);
	mask-image: var(--icon-arrow-svg);
	transform: rotate(180deg);
}
.back-to-top-btn:focus-visible {
/*
	position: absolute;
*/
	border-radius: 50%;
}
.back-to-top-btn:focus-visible:before {
	background-color: #000;
}



@media (prefers-reduced-motion: no-preference){
  [role="banner"] a:focus img,
  [role="banner"] a:hover img,
  [role="banner"] a:active img {
    transform: rotate(-4deg);
  }
  [role="banner"] a:focus-visible img {
	transform: rotate(-9deg);
  }
  .footer-actions {
    opacity: 0;
		height: 0;
		transition: all 1s;
  }
  .footer-actions.scroll-down {
    opacity: 1;
		height: auto;
		transition: all 1s;
  }
	.footer-actions div {
		position: relative;
		width: 100%;
		max-width: var(--grid-max-width);
		padding-inline: var(--grid-gutter);
		margin-inline: auto;
	}

/*
  @keyframes fade-in {
    to {
      opacity: 1;
      scale: 1;
    }
  }
*/
}


.archive.author .flex-container {
}
.card-wrap {
	/*	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
 gap: var(--grid-gutter);
  margin-block-start: 2.5rem;
	background-color: #f0f0e4;
	border-top: 1px dashed hsl(74, 7%, 76%);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
*/
}
.card {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	padding: 0;
	background-color: #fff;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
/*	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
*/}
.card-content {
	padding: var(--space-s);
}
.card-content > * + * {
	margin-block-start: var(--space-s);
}
.card h1,
.card h2,
.card h3 {
	max-width: 54ch;
	text-wrap: pretty;
}
.card h2 {
	font-size: var(--space-s);
	line-height: var(--space-m);
}
.card h3 {
	font-size: var(--space-s);
	line-height: var(--space-m);
}
.card h1 a,
.card h2 a,
.card h3 a {
	color: #5c4e45;
	text-decoration: none;
}
.card h1 a:focus:not(:focus-visible),
.card h1 a:hover,
.card h2 a:focus:not(:focus-visible),
.card h2 a:hover,
.card h3 a:focus:not(:focus-visible),
.card h3 a:hover {
	color: #fafaf2;
}
.card .text-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.card p {
/*	font-size: var(--space-tbl);
	line-height: var(--space-sx);
*/}
.card .posted-on {
	display: block;
}
.card .meta {
	margin-block-start: var(--space-s);
	padding-block-start: var(--space-2xs);
	padding-block-end: 0;
	border-top: 1px dashed hsl(74, 7%, 76%);
	border-bottom-width: 0;
	font-style: italic;
}

.home-content {
	margin-block-start: 0;
}

.hero {
	overflow: hidden;
	display: block;
	position: relative;
	background: linear-gradient(0deg, hsl(53,26%,85%), #fafaf2);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
	padding-block-end: 2.5rem;
}
	.hero .card {
		border-radius: 0;
		width: 100%;
		margin-inline: auto;
		box-shadow: none;
		background-color: transparent;
	}
	.hero img {
		border-radius: 0;
		object-fit: cover;
		object-position: 0 20%;
		max-height: calc((var(--space-s-l) * 6) * 2);
	}
	.hero .card-wrap {
		position: relative;
		width: 100%;
		max-width: var(--grid-max-width);
		margin: 0 auto;
		padding-inline: var(--grid-gutter);
	}
	.hero .card-content {
		position: static;
		margin-inline: auto;
		width: 90%;
		max-width: 642px;
		height: auto;
		background: #fff;
		color: #5c4e45;
		margin-block-start: calc(var(--space-xl) * (-1));
		box-shadow: 0 0 6px rgba(0,0,0,0.33);
	}
	.hero .card-content h1 {
		font-size: var(--space-m);
		line-height: 1.125;
	}
	.lg-screen .hero .card {
		position: relative;
/*		padding-inline: calc((var(--grid-gutter)) - (1.125rem));
*/	}
.lg-screen .hero {
	overflow: hidden;
	display: block;
	position: relative;
	background-color: hsl(53,26%,85%);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
	padding-block-end: 0;
}
.lg-screen .hero .card {
	box-shadow: 0 0 12px rgba(0,0,0,0.33);
}
.lg-screen .hero img {
	border: 0px solid hsl(53,26%,88%);
	border-top-width: 0;
	border-radius: 0px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
	.lg-screen .hero .card-content {
		position: absolute;
		bottom: var(--space-l);
		left: var(--grid-gutter);
		background: rgba(255,255,255,0.85);
		border-radius: 6px;
	}
@media screen and (min-width: 768px ) {
}


section[class*="-wrap"] {
	width: 100%;
	max-width: var(--grid-max-width);
	padding-inline: var(--grid-gutter);
	margin-inline: auto;
	margin-block-start: 0;
	border-image: conic-gradient(#f1f1e6 0 0) fill 0//0 100vw;
	padding-block: var(--grid-gutter);
}
section[class*="-wrap"] + section[class*="-wrap"] {
	margin-block-start: var(--space-3xl);
	border-image: none;
	padding-block: 0;
}
[class*="-wrap"] header {
	margin-block-end: var(--grid-gutter);
/*	border-left-width: 0;
	padding: 0 0 var(--grid-gutter) 0;
	margin-block-end: 0;
*/}
[class*="-wrap"] header h2 {
/*	font-size: var(--space-s);
	line-height: 1.25;
*/}
[class*="-wrap"] + [class*="-wrap"] header {
/*	padding: 0;
*/}
[class*="-wrap"] .panel-body-inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(345px - var(--grid-gutter)), 1fr));
	gap: var(--grid-gutter);
	width: 100%;
}
[class*="-wrap"] + [class*="-wrap"] .panel-body-inner {
	border-image: conic-gradient(#f1f1e6 0 0) fill 0//0 100vw;
	padding-block: var(--grid-gutter);
}
[class*="-wrap"] .panel-body + * {
	margin-block-start: var(--grid-gutter);
	text-align: right;
	max-width: none;
}
[class*="-wrap"] .card + .card {
	margin: 0;
}
[class*="-wrap"] .card img {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	object-fit: cover;
	height: 195px;
	border-bottom: 1px solid #f1f1e6;
}

.comment-wrap .panel-body-inner {
	grid-template-columns: none;
}

.sml-screen .comment-wrap .comment + .comment{
	border-block-start: 5px solid #fff;
	padding-block-start: var(--space-m);
}


.comment-wrap .comment blockquote {
	height: 100%;
	max-width: none;
	justify-content: space-between;
	background-color: #f1f1e6;
    padding-block: 0;
    border-width: 0;
    background-position: 0 0;
	background-size: calc(var(--space-2xl)) auto;
    padding-inline-start: calc(var(--space-xl));
}
	.comment-wrap .comment blockquote p {
/*		font-size: var(--step--1);
		line-height: var(--space-sx);
*/	}
.comment-wrap .comment .meta {
	max-width: none;
	padding-block-end: 0;
	padding-block-start: var(--space-2xs);
	margin-block-start: var(--space-2xs);
	border-top: 1px dashed hsl(74, 7%, 76%);
	border-bottom-width: 0;
}
.comment-wrap .panel {
/*		grid-column: calc(var(--grid-content) + 1) / span var(--grid-sidebar);
*/	}

.lg-screen [class*="-wrap"] .panel-body-inner {
	grid-template-columns: repeat(auto-fit, minmax(calc(186px - var(--grid-gutter)), 1fr));
}
.lg-screen .comment-wrap .panel-body-inner {
	display: flex;
	flex-wrap: wrap;
}
.lg-screen [class*="-wrap"] .panel-body-inner > * + * {
	margin-block-start: 0;
}
.lg-screen [class*="-wrap"] .card {
}
.lg-screen .comment-wrap .comment {
	min-width: 333px;
	flex: 1;
}
	.rides-wrap .flex-container {
		padding: 0;
	}
	.lg-screen .rides-wrap .flex-container .panel-body-inner {
		grid-template-columns: 1fr;
		border-image: none;
		padding: 0;
	}
	.lg-screen .rides-wrap .card {
		border-top-right-radius: 0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		grid-template-columns: auto 1fr;
		background-color: #f1f1e6;
		align-items: center;
	}
	.lg-screen .rides-wrap .card img {
		border-top-right-radius: 0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		max-height: none;
		height: 100%;
		border-bottom-width: 0;
	}

.archive .card-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--grid-gutter);
    padding-inline: 0;
	border-image: none;
}
.archive .card {
	grid-template-columns: 1fr;
background-color: #f1f1e6;
}
.archive [class*="-wrap"] .card img {
	height: 100%;
}
.lg-screen.archive .card {
	grid-template-columns: 1fr 2fr;
	border-top-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.lg-screen.archive [class*="-wrap"] .card img {
	border-top-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	border-bottom-width: 0;
}
.archive .card-content {
    padding: var(--space-s);
    display: flex;
    flex-direction: column;
	justify-content: center;
    height: auto;
}
.archive .card .text-wrap {
    display: block;
    height: auto;
}

.mm-card {
    cursor: pointer;
    transition: box-shadow 0.33s;
    background-color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.lg-screen .rides-wrap .mm-card {
    border-top-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.mm-card:hover {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.33);
}
.mm-card:hover a {
	text-decoration: underline;
	text-underline-offset: 2px;
	color: #90411c;
}
.mm-card:hover a:focus,
.mm-card:hover a:hover,
.mm-card:hover a:active {
	text-decoration: none;
}
.mm-card:hover .meta a:hover {
	color: #fff;
}



	@media screen and (min-width: 1025px ) {
	}


#comments,
#respondwrap {
  scroll-margin-top: var(--space-s);
}
.lg-screen #comments,
.lg-screen #respondwrap {
  scroll-margin-top: var(--space-2xl);
}
.comments ol {
	list-style: none;
	padding-left: 0;
}
.comment .reader-comment,
.respond .comment-respond {
	padding: var(--space-s);
	background-repeat: no-repeat;
	background-size: calc(var(--space-xl)) auto;
	background-image: url(../images/quote.svg);
	background-position: calc(100% - var(--space-s)) var(--space-s);
/*
	border: 1px solid hsl(52, 7%, 87%);
*/
	border: 1px dashed hsl(74, 7%, 76%);
	border-inline: 0;
}
.comment .comment-respond {
  padding: var(--space-s);
  margin: 0;
  border-block-start: 3px solid #fafaf2;
}
.comment-reply-title {
  margin-block-end: var(--space-s);
  display: flex;
  justify-content: space-between;
}
.comment-reply-title a,
.comment-reply-title span {
  font-weight: 400;
}
.comment * {
	font-size: var(--space-s);
	line-height: var(--space-sx);
}
.comment + .comment {
	margin-block-start: var(--space-sx);
}
.children {
	padding-inline-start: var(--space-m);
}
.children .comment {
	border-block-start: 3px solid #fafaf2;
}
.children .reader-comment {
	border-block-start: 0;
}
.thread-odd .reader-comment,
.thread-odd .comment-respond {
	background-color: #f1f1e6;
}
.thread-even .reader-comment,
.thread-even .comment-respond {
	background-color: #f0f2d6;
}
.comment-header .comment-author {
	padding-block-start: var(--space-s);
}
.comment-author, .comment cite {
	font-style: normal;
	font-weight: 600;
}
.comment-body {
	padding: var(--space-s) 0;
	border-bottom: 1px dashed hsl(74, 7%, 76%);
}
.comment-footer {
	padding-block-start: var(--space-s);
}
.respond .comment-respond {
	max-width: 54ch;
	font-size: var(--space-s);
	line-height: var(--space-mx);
	background-color: #f1f1e6;
	padding: 0;
	border-width: 0;
}
.comment-form * {
	line-height: var(--space-m);
}
.comment-form > * + *,
.comment-form + * {
	margin-block-start: var(--space-sx);
}
.required {
	color: #90411c;
	font-weight: bold;
}
[class*="comment-form-"] {
	display: flex;
	gap: 6px;
	width: 100%;
	flex-direction: column;
}
label {
  display: flex;
  gap: 6px;
  align-items: center;
}
input,
textarea {
	color: #5c4e45;
	border: 1px solid hsl(52, 7%, 87%);
	border-radius: 5px;
  min-height: 48px;
}
input[type="text"]:focus-visible,
input[type="search"]:focus-visible,
textarea:focus-visible {
	color: #5c4e45 !important;
	border-width: 1px;
	background-color: #fff !important;
}
.form-submit {
	display: flex;
	justify-content: end;
}
button[type="submit"],
input[type="submit"]{
	padding: var(--space-xs) var(--space-s);
	border-radius: 5px;
	color: #fff;
	background-color: #90411c;
	border-width: 0;
	width: auto;
}
button[type="submit"]:active,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus{
	background-color: #5c4e45;
}

section.respond-wrap {
  border-image: none;
  margin-block-start: var(--space-l);
  padding: 0;
}
.comment-respond {
  margin-block-start: var(--space-l);/*
	border-top: 3px solid #fff;
	border-radius: 9px;
*/
}
section.respond-wrap .comment-reply-title {
  display: none;
}

section.respond-wrap .comment-form {
	padding: var(--space-s);
	border: 1px dashed hsl(74, 7%, 76%);
	border-inline: 0;
  background-color: #f1f1e6;
    max-width: 54ch;
    font-size: var(--space-s);
    line-height: var(--space-m);}

.comment .respond-inner {
	border-block-start: 0;
}
.respond-inner {
	padding: var(--space-s);
	border: 1px dashed hsl(74, 7%, 76%);
	border-inline: 0;
/*
	border: 1px solid hsl(52, 7%, 87%);
	border-inline-start-width: 0;
	border-block-start-width: 0;
	border-radius: 9px;
*/
}
.comment-reply-title {
	display: flex;
	gap: 15px;
}
.comment-respond .comment-form {
	background-image: none;
	background-color: transparent;
	padding: 0;
}
.commentlist .comment-respond .comment-notes {
	display: none;
}
.comment-reply-title small {
	font-weight: 400;
}


ul.children {
	list-style: none;
}



@media screen and (min-width: 600px ) {
	.thread-even .reader-comment {
		padding-inline-end: calc(var(--space-2xl) + var(--space-2xs));
	}
	.thread-odd .reader-comment {
		background-image: url(../images/quote-left.svg);
		background-position: var(--space-xs) var(--space-s);
		padding-inline-start: calc(var(--space-2xl) + var(--space-2xs));
	}
	.thread-odd .depth-2 > .reader-comment {
		background-image: url(../images/quote.svg);
		padding-inline-start: var(--space-s);
	background-position: calc(100% - var(--space-xs)) var(--space-xs);
		padding-inline-end: calc(var(--space-2xl) + var(--space-2xs));
	}
	.thread-odd .depth-3 > .reader-comment {
		background-image: url(../images/quote-left.svg);
	}
	.comment-form {
		padding-inline-end: calc(var(--space-2xl) + var(--space-2xs));
	}
	[class*="comment-form-"] {
		flex-direction: row;
		align-items: center;
	}
	.comment-form-comment {
		align-items: baseline;
	}
	label {
		width: 25%;
	}
	input,
	textarea {
		width: 75%;
	}
}




.main-nav {
	background-color: #5c4e45;
	color: #fff;
	border-top: 1px solid #3e3134;
	border-bottom: 1px solid #3e3134;
}
	.main-nav .nav > li {
		border-inline-start: 1px dotted #3e3134;
	}
	.main-nav .nav > li:last-of-type {
		border-inline-end: 1px dotted #3e3134;
	}

.main-nav[aria-hidden="true"] {
	display: flex;
	position: static;
	width: auto;
	height: auto;
	margin: auto;
}
.main-nav .nav,
.sub-nav .nav {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: visible;
	font-size: 1rem;
	contain: style;
	padding: 0;
}
.main-nav .nav > li,
.sub-nav .nav li,
.main-nav a,
.sub-nav a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
}
.main-nav .nav > li {
	position: relative;
}
.main-nav .nav a,
.sub-nav a {
	justify-content: start;
	white-space: nowrap;
	min-height: 48px;
	text-decoration: none;
	width: 100%;
}
.main-nav .nav a {
	padding: 0 1.25rem;
}
.sub-nav a {
	padding: 0 0.375rem;
}
.main-nav li.menu-item-has-children > a {
}
.main-nav a:not(:focus-visible) {
	border-radius: 0;
}
.main-nav .nav button,
.sub-nav .nav button {
	border-width: 0;
	color: #fff;
	background-color: #5c4e45;
}
.main-nav .nav button svg,
.sub-nav .nav button svg {
	fill: #fff;
}
.main-nav .nav > li ul {
	display: none;
	width: 100vw;
	max-width: 222px;
	padding: 0;
	list-style: none;
}
.main-nav .nav > li.parent.active ul {
	position: absolute;
	display: block;
	top: 44px;
	left: 0;
	z-index: 10;
}
.btn-wrapper,
.sub-nav button {
	display: none;
}
.sub-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 3px;
	padding-inline: 6px;
/*
	background-color: #59464a;
*/
  background-color: #5c4e45;
	width: 100%;
}
.sub-nav .nav {
	padding: 0;
	margin: 0;
	overflow-x: auto;
	gap: 6px;
}
.sub-nav a {
	color: #fff;
}
.sub-nav a:focus,
.sub-nav a:hover,
.sub-nav a:active {
	background-color: #90411c;
	color: #fafaf2;
	border-radius: 4px;
}
.sub-nav button {
	height: 48px;
	background-color: #2c2527;
	border-width: 0;
	border-radius: 4px;
}
.sub-nav button svg {
	fill: #fff;
}
.sub-nav .acc-login a,
[class*="-screen"] .sub-nav .acc-login a {
	border-radius: 5px;
	background-color: #90411c;
	color: #fafaf2;
	padding-inline: 1rem;
}
.logged-in.sml-screen .sub-nav .acc-login a {
	padding-inline: 0.5rem;
}
.sub-nav .acc-login a:focus,
.sub-nav .acc-login a:hover,
.sub-nav .acc-login a:active {
	background-color: #59464a;
	color: #fff;
	border-radius: 4px;
}

.sml-screen .main-nav li.menu-item-has-children > a,
.lg-screen .main-nav li.menu-item-has-children > a{
	padding-inline: 1.25rem 0.25rem;
}


		.sml-screen .main-nav {
			border-width: 0;
		}
		.sml-screen .main-nav li.parent > a {
			padding-inline: 1.25rem 0.25rem;
		}
		.sml-screen.menu-open {
			overflow: hidden;
			position: fixed;
			top: 0;
			left: 0;
		}
		.sml-screen.menu-open #modalBg {
			position: fixed;
			background-color: #000;
			opacity: 0.66;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100vh;
			z-index: 15;
		}

		.sml-screen.menu-open .main-nav {
			background-color: #282828;
			position: fixed;
			top: 0;
			right: 0;
			width: 100vw;
			max-width: 400px;
			max-height: 100vh;
			padding: 0;
			overflow: auto;
			z-index: 20;
			transition: width 0.33s ease;
		}
		.sml-screen .main-nav[aria-hidden="true"] {
			position: absolute;
			width: 1px;
			height: 1px;
			margin: -1px;
		}
		.sml-screen .main-nav .nav {
			flex-wrap: wrap;
			white-space: normal;
			overflow: visible;
			padding: 0;
		}
		.sml-screen .main-nav .nav li {
			width: 100%;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			transition: background-color, 0.25s;
		}
		.sml-screen .main-nav .nav > li:first-of-type {
			margin-inline-start: 0;
		}
		.sml-screen .main-nav a {
			color: #fff;
		}
		.sml-screen .main-nav li.parent > a {
			width: 85%;
		}
		.sml-screen .main-nav .nav li.parent button {
			display: flex;
			width: 100%;
			max-width: 15%;
			min-width: auto;
			background-color: #1b1b1b;
			padding-inline: 0;
		}
		.sml-screen .main-nav .nav li.parent button:focus,
		.sml-screen .main-nav .nav li.parent button:hover {
			background-color: #000;
		}
		.sml-screen .main-nav .nav li.parent ul a {
			padding-inline: 2.5rem 0.75rem;
		}
		.sml-screen .main-nav .nav li.parent.active {
			background-color: #1b1b1b;
		}
		.sml-screen .main-nav .nav li.parent.active ul {
			position: static;
			max-width: none;
			padding-inline: 0;
		}
		.sml-screen .btn-wrapper {
			display: flex;
			justify-content: end;
			align-items: center;
			padding: 0;
			border-bottom: 3px solid #9b9c06;
		}
		.sml-screen .btn-wrapper button {
			width: 15%;
			height: 48px;
			background-color: #1b1b1b;
			border-width: 0;
		}
		.sml-screen .btn-wrapper button svg {
			fill: #fff;
			width: 24px;
			height: auto;
		}
		.sml-screen .btn-wrapper button:focus,
		.sml-screen .btn-wrapper button:hover {
			background-color: #000;
		}
		.sml-screen .sub-nav .nav {
			padding: 0;
			margin: 0;
		}
		.sml-screen .sub-nav button {
			display: flex;
		}



		.lg-screen .main-nav {
			position: sticky;
			top: 0;
			z-index: 100;
			background-color: #5c4e45;
			color: #fff;
			border-top: 1px solid #3e3134;
			border-bottom: 1px solid #3e3134;
		}
		.lg-screen .main-nav .nav {
			flex-wrap: nowrap;
			overflow: visible;
			padding-inline: var(--grid-gutter);
		}
		.lg-screen .main-nav .nav > li {
			border-inline-start: 1px dotted #3e3134;
		}
		.lg-screen .main-nav .nav > li:last-of-type {
			border-inline-end: 1px dotted #3e3134;
		}
		.lg-screen .main-nav .nav > li:first-of-type {
			margin-inline-start: -1.25rem;
		}
		.lg-screen .main-nav .nav li ul {
			margin-left: -1px;
			background-color: #5c4e45;
			color: #fff;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}
		.lg-screen .main-nav .nav li ul li:last-of-type,
		.lg-screen .main-nav .nav li ul li:last-of-type a{
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}
		.lg-screen .main-nav .nav li ul a {
			border-top: 1px solid #3e3134;
			color: #fff;
		}
		.lg-screen .main-nav .nav li ul a:focus,
		.lg-screen .main-nav .nav li ul a:hover {
			background-color: #3e3134;
			color: #fff;
		}
		.lg-screen .main-nav .nav li > a {
			color: #fff;
		}
		.lg-screen .main-nav .nav li:hover,
		.lg-screen .main-nav .nav li > a:focus,
		.lg-screen .main-nav .nav li > a:hover {
			background-color: #3e3134;
		}
		.lg-screen .main-nav .nav > li:hover button,
		.lg-screen .main-nav .nav > li button:focus,
		.lg-screen .main-nav .nav > li button:hover {
			color: #fff;
			background-color: #3e3134;
/*
			background-color: #47383b;
*/
		}
		.lg-screen .main-nav .nav > li.parent a:focus-visible {
			transition: padding, 0.15s;
			padding-inline: 0.75rem;
		}
		.lg-screen .main-nav .nav > li button:focus,
		.lg-screen .main-nav .nav > li button:focus-visible {
			transition: padding, 0.15s;
			padding-inline: 0;
		}
		.lg-screen .main-nav button:focus-visible svg {
			fill: #000;
		}
		.lg-screen .sub-nav {
			background-color: transparent;
			position: absolute;
			padding: 0;
			top: 12px;
			right: 0;
			z-index: 5;
		}
		.lg-screen .sub-nav .nav {
			width: 100%;
			margin-inline: auto;
			justify-content: end;
			padding-inline: var(--grid-gutter);
			overflow: visible;
		}
		.lg-screen .sub-nav a {
			color: #5c4e45;
			padding-inline: 0.5625rem;
		}
		.lg-screen .sub-nav a:focus,
		.lg-screen .sub-nav a:hover,
		.lg-screen .sub-nav a:active {
			background-color: #59464a;
			color: #fafaf2;
		}
		.lg-screen .sub-nav .acc-login a:focus,
		.lg-screen .sub-nav .acc-login a:hover,
		.lg-screen .sub-nav .acc-login a:active {
			background-color: #59464a;
			color: #fff;
		}




.side-bar-wrap + .side-bar-wrap {
	margin-block-start: 2.5rem;
	padding: var(--space-s) var(--space-xs);
	background-color: #f1f1e6;
	border-top: 1px dashed hsl(74, 7%, 76%);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
}
.side-bar-wrap.bmc {
	border-width: 0;
	background-color: transparent;
	padding: 0;
}
.side-bar li a {
	text-decoration: none;
	display: inline-block;
	text-wrap: balance;
}
.side-bar ul,
.side-bar li {
	font-size: 18px;
	line-height: 1.5;
	margin-block-start: var(--space-s);
	max-width: none;
	width: 100%;
}
.side-bar .follow-list {
    max-width: 54ch;
    font-size: var(--space-s);
    text-align: center;
}
.side-bar li {
	margin-block-start: 0;
}
.side-bar .unstyled li + li {
	margin-block-start: var(--space-s);
}
.ad-wrap a {
	display: block;
	line-height: 0;
	max-width: 300px;
	border-radius: 6px;
}
.ad-wrap img {
	border-radius: 6px;
}
.side-bar a:focus img,
.side-bar a:hover img,
.side-bar a:active img {
	display: block;
}
.follow-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: auto;
}
.follow-list .follow-list-item {
	margin: 0;
	height: auto;
	line-height: 0;
}
.follow-list-item a {
	display: block;
	width: 44px;
	height: 44px;
	padding: 3px;
	border-radius: 3px;
	background-color: transparent;
}
.follow-list-item a:focus,
.follow-list-item a:hover {
	outline: none;
	background-color: rgba(255,255,255,0.85);
}
.social-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.social-icon svg {
	overflow: hidden;
	width: 38px;
	height: 38px;
}
.social-icon svg path {
	fill: #5c4e45;
}
.follow-list-item a:focus #facebook path,
.follow-list-item a:hover #facebook path {
	fill: #4267b2;
}
.follow-list-item a:focus #bluesky path,
.follow-list-item a:hover #bluesky path {
	fill: #0085ff;
}
.follow-list-item a:focus #mastodon path,
.follow-list-item a:hover #mastodon path {
	fill: #6364ff;
}
.follow-list-item a:focus #flickr path,
.follow-list-item a:hover #flickr path {
	fill: #ff0084;
}
.follow-list-item a:focus #rss path,
.follow-list-item a:hover #rss path {
	fill: #eb7818;
}



@media screen and (width >=600px) {
	.side-bar .unstyled {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-xs) 0;
		justify-content: space-between;
	}
	.side-bar .unstyled li {
		width: 48%;
	}
	.side-bar .unstyled li + li {
		margin-block-start: 0;
	}
}

@media screen and (width > 1260px) {
	.side-bar .unstyled {
		display: block;
	}
	.side-bar .unstyled li {
		width: 100%;
	}
	.side-bar .unstyled li + li {
		margin-block-start: 1rem;
	}
	aside .bmc-btn {
		margin: 0 auto;
	}
	aside .bmc {
		padding: 0;
		border-width: 0;
		background-color: transparent;
		min-height: auto;
		justify-content: start;
	}
	aside .bmc p {
		display: none;
	}
}




/*
	Cycling links
*/
.page-links .flex-container {
	grid-template-columns: 1fr;
}
.panel-wrap {
	column-width: 21em;
	gap: var(--grid-gutter);
}
.panel-wrap .panel {
	break-inside: avoid;
}
.panel-wrap ul {
	padding-inline-start: var(--grid-gutter);
}
/*
[data-stackorder="1"] {
	grid-area: 1 / 1 / 2 / 2;
}
[data-stackorder="2"] {
	grid-area: 1 / 2 / 2 / 3;
}
[data-stackorder="3"] {
	grid-area: 1 / 3 / 2 / 4;
}
[data-stackorder="4"] {
	grid-area: 2 / 1 / 3 / 2;
}
[data-stackorder="5"] {
	grid-area: 2 / 2 / 3 / 3;
}
[data-stackorder="6"] {
	grid-area: 3 / 1 / 4 / 4;
}
[data-stackorder="7"] {
	grid-area: 4 / 1 / 5 / 4;
}
[data-stackorder="8"] {
	grid-area: 5 / 1 / 6 / 4;
}
*/
[data-stackorder="6"],
[data-stackorder="7"],
[data-stackorder="8"] {
	column-span: all;
}
[data-stackorder="6"] ul,
[data-stackorder="7"] ul,
[data-stackorder="8"] ul {
	column-width: calc(20em - (var(--grid-gutter)* 3));
	column-gap: var(--grid-gutter);
	max-width: none;
	padding: 0;
}
[data-stackorder="6"] li,
[data-stackorder="7"] li,
[data-stackorder="8"] li {
	margin-inline-start: var(--grid-gutter);
}



.archive-wrap {
}
.archive-list {
	max-width: none;
	column-width: 9em;
	column-gap:  var(--grid-gutter);
	list-style: none;
	padding: var(--space-m) 0; 
	border-top: 1px dotted #c4c4bb;
  border-bottom: 1px dotted #c4c4bb;
}
.archive-list li {
	break-inside: avoid;
	display: flex;
	flex-direction: column;
}
.archive-list li + li {
	margin-block-start: 1rem;
}
.archive-list li a {
	width: min-content;
}



.paginate {
	margin-block-start: 2.5rem;
	padding: var(--space-s) var(--space-xs);
	background-color: #f1f1e6;
	border-top: 1px dashed hsl(74, 7%, 76%);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
}
.nav-pages {
	margin-block-start: 2.5rem;
	padding: var(--space-s) 0 0 0;
	border-top: 1px dashed hsl(74, 7%, 76%);
}
.sectionlist {
	margin-block-start: 2.5rem;
}
.paginate ol,
.sectionlist ul,
.nav-below {
	list-style: none;
	max-width: none;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.sectionlist ul {
	justify-content: start;
}
.paginate li .current,
.paginate li a,
.sectionlist li a,
.nav-below a {
	display: flex;
/*
	border: 1px solid hsl(52, 7%, 87%);
*/
	border: 1px solid hsl(53,26%,85%);
	border-radius: 6px;
	color: #5c4e45;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	text-decoration: none;
}
.nav-pages a,
.sectionlist a,
.nav-below a {
	display: flex;
	border: 1px solid hsl(53,26%,85%);
	border-radius: 6px;
	color: #5c4e45;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	max-height: 44px;
	padding: var(--space-xs) var(--space-2xs);
}
.paginate li a:focus,
.paginate li a:hover,
.paginate li a:active,
.nav-pages a:focus,
.nav-pages a:hover,
.nav-pages a:active,
.sectionlist a:focus,
.sectionlist a:hover,
.sectionlist a:active,
.nav-below a:focus,
.nav-below a:hover,
.nav-below a:active {
	background-color: #c4c4bb;
	border-color: transparent;
	outline: none;
	color: #2b2b2b;
}
.paginate li .current,
.sectionlist li[class*="current-"] a {
	background-color: #c4c4bb;
	border-color: transparent;
	color: #2b2b2b;
}
.paginate li .next {
	background-color: transparent;
	border-color: transparent;
}
.nav-pages,
.nav-below {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-below {
  font-size: var(--space-s);
  line-height: var(--space-m);
}

/*
.author section header {
  border-width: 0;
  padding-inline: 0;
  display: flex;
  border-width: 0;
  gap: var(--space-sx);
  align-items: center;
}
*/
.author section header h1 {
/*
  border-left: calc(var(--space-3xs) + 3px) solid #5c4e45;
  padding: var(--space-xs) 0 var(--space-xs) var(--space-s);
*/
/*
  display: flex;
*/
}
.author section .author-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-sx);
  align-items: center;
}
@media(min-width: 480px) {
  .author section .author-wrapper {
    flex-direction: row;
    align-items: start;
  }
}
.author section .author-wrapper img {
  width: calc(var(--space-3xl) * 1.15);
  height: calc(var(--space-3xl) * 1.15);
  max-width: none;
  border-radius: 6px 35%;
  display: block;
}
.author .panel-body img {
	width: 100%;
	max-width: none;
}
.author-wrapper .author {
	font-style: italic;
	text-wrap: pretty;
  display: flex;
  gap: var(--space-sx);
}
.author-wrapper .author p {
  max-width: none;
}
.author-wrapper .author em {
	font-style: normal;
	font-weight: 600;
}
.author .intro-wrapper {
  margin-block-start: var(--space-m);
}
.author-wrapper .author .intro > * + * {
	margin-block-start: var(--space-m);
}
.author .panel-body .author img {
	width: calc(var(--space-3xl) * 1.15);
	height: calc(var(--space-3xl) * 1.15);
	max-width: none;
	border-radius: 6px 35%;
	display: block;
}
.author .panel-body > .date-wrap {
  margin-block-start: var(--space-l);
}



.author-wrap .author-list {
  max-width: none;
}
.author-wrap .author-list.panel-body-inner {
  grid-template-columns: repeat(auto-fit, minmax(calc(256px - var(--grid-gutter)), 1fr));
  list-style: none;
  padding: 0;
}
.author-wrap .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: var(--space-s);
  border: 1px dashed hsl(74, 7%, 76%);
  border-width: 1px 0;
}
.author-wrap .card img {
  width: calc(var(--space-3xl) * 1.15);
  height: calc(var(--space-3xl) * 1.15);
  max-width: none;
  width: 80%;
  height: auto;
  border-radius: 50%;
  display: block;
}
.author-list .card h2,
.author-list .card p {
  text-align: center;
}

.error404 .searchbox {
  max-width: 54ch;
  padding: var(--space-s) var(--space-xs);
  background-color: #f1f1e6;
  border-top: 1px dashed hsl(74, 7%, 76%);
  border-bottom: 1px dashed hsl(74, 7%, 76%);
}
.search-form {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-s);
  flex-wrap: nowrap;
}
.search-form * {
  line-height: var(--space-sx);
}
.search-form p {
  display: flex;
  align-items: center;
  width: 100%;
}
.search-form label {
  width: auto;
}
.search-form input {
  width: 80%;
  min-height: 44px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.search-form button {
  width: 20%;
  padding-block: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.search .mm-card {
  display: block;
  background-color: #f1f1e6;
  border-top: 1px dashed hsl(74, 7%, 76%);
  border-bottom: 1px dashed hsl(74, 7%, 76%);
}
.search .mm-card + .mm-card {
  margin-block-start: var(--space-s);
}
.search .mm-card:hover {
  border-color: transparent;
}
.search .mm-card .card {
  background-color: transparent;
}
.search .paginate + .panel-body {
  margin-block-start: var(--space-l);
}
.search .mm-card * {
  font-size: var(--space-tbl);
  line-height: var(--space-sx);
  max-width: none;
}
.search .mm-card img {
  max-width: 50px;
  margin: var(--space-s) 0 0 var(--space-s);
  transform: rotate(-9deg);
}
.search .mm-card .card {
  display: flex;
  align-items: start;
}


/*
.author .panelouter .panel-body {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: var(--grid-gutter);
	border-bottom: 1px dashed hsl(74, 7%, 76%);
	padding-block-end: var(--space-s);
	margin-block-start: var(--space-s);
}
.author .paginate + .panel-body {
	margin-block-start: var(--space-l);
}
.author .panelouter .panel-body .intro > * + * {
	margin-block-start: 1rem;
}
.author .panelouter .panel-body .intro {
	margin-block-start: 0;
}
.author .panelouter .panel-body h2 {
	font-size: var(--space-s);
	line-height: var(--space-m);
}
.author h2 a {
	color: #5c4e45;
	text-decoration: none;
}
.author h2 a:focus,
.author h2 a:hover,
.author h2 a:active {
	color: #fff;
}
.author .panelouter .panel-body .meta{
	border-bottom-width: 0;
	padding-block-end: 0;
}



@media screen and (min-width: 600px ) {
	.author .panelouter .panel-body {
		flex-direction: row;
	}
	.author .panel-body img {
		max-width: 33%;
	}
}
*/