/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-42f3fd7ecbd1e18e5e9c5cbbc2ba9ce4d81a388258a81833d38819a1406ff48d.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-42f3fd7ecbd1e18e5e9c5cbbc2ba9ce4d81a388258a81833d38819a1406ff48d.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-9dab1725ee38e87989a48796505748157d0238ac72c25a072f5162aa61e2da06.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-6d81fc3fac3b17a25f4ef3eee1394642d38b1adba5c7442acef3b3c8b045cbe7.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-91e1ea5f253e72e2e9402cff2bb58fa98b5faa49f9ded999c760013b94ead7f8.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-6efc1db612130b63222e0f6bf54d37392c3f2bdb2c10ba50f5d0f1e14d63af61.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-943d9bc18134619d37406debd81636b63881363a019513c1d6e6cb13b5c5fb30.png)/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI Accordion 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/accordion/#theming
 */
/*

 */

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
/*

 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/button/#theming
 */
/*

 */

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/checkboxradio/#theming
 */
/*

 */


.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/controlgroup/#theming
 */
/*

 */


.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/datepicker/#theming
 */
/*

 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/dialog/#theming
 */
/*

 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
/*

 */

.ui-draggable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
/*

 */

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/progressbar/#theming
 */
/*

 */

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
/*

 */

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
/*

 */

.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/selectmenu/#theming
 */
/*

 */

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
/*

 */

.ui-sortable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/slider/#theming
 */
/*

 */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/spinner/#theming
 */
/*

 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tabs/#theming
 */
/*

 */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tooltip/#theming
 */
/*

 */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
/*




















 */

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
/*


 */

@charset "UTF-8";
/*
 */
:root {
  --jdc-bg: #f7f7f8;
  --jdc-bg-subtle: #f1f2f4;
  --jdc-surface: #ffffff;
  --jdc-surface-alt: #fafafb;
  --jdc-border: #e5e7eb;
  --jdc-border-strong: #d1d5db;
  --jdc-text: #111827;
  --jdc-text-soft: #374151;
  --jdc-text-muted: #6b7280;
  --jdc-text-faint: #9ca3af;
  --jdc-header-bg: #f4f4f6;
  --jdc-footer-bg: #0f172a;
  --jdc-footer-text: #cbd5e1;
  --jdc-footer-muted: #64748b;
  --jdc-footer-link: #e2e8f0;
  --jdc-btn-bg: #1f2937;
  --jdc-btn-bg-hover: #111827;
  --jdc-btn-bg-active: #0b1220;
  --jdc-btn-text: #ffffff;
  --jdc-accent: #8b5cf6;
  --jdc-accent-hover: #7c3aed;
  --jdc-accent-soft: rgba(139, 92, 246, 0.1);
  --jdc-link: #5a3ec8;
  --jdc-danger: #e74c3c;
  --jdc-danger-soft: rgba(231, 76, 60, 0.1);
  --jdc-success: #2ecc71;
  --jdc-warning: #b48a2a;
  --jdc-shadow: rgba(17, 24, 39, 0.08);
  --jdc-shadow-strong: rgba(17, 24, 39, 0.16);
  --jdc-overlay: rgba(15, 23, 42, 0.45); }

html[data-theme="dark"] {
  --jdc-bg: #0b0c14;
  --jdc-bg-subtle: #0f111c;
  --jdc-header-bg: #0f111c;
  --jdc-hero-bg: rgba(1, 141, 240, 0.22);
  --jdc-hero-text: #e9e7f2;
  --jdc-surface: #141826;
  --jdc-surface-alt: #161a28;
  --jdc-border: rgba(255, 255, 255, 0.09);
  --jdc-border-strong: rgba(255, 255, 255, 0.17);
  --jdc-text: #e9e7f2;
  --jdc-text-soft: #b7b4c9;
  --jdc-text-muted: #8c8aa0;
  --jdc-text-faint: #76738d;
  --jdc-footer-bg: #07080f;
  --jdc-footer-text: #b7b4c9;
  --jdc-footer-muted: #76738d;
  --jdc-footer-link: #e9e7f2;
  --jdc-btn-bg: #1c2133;
  --jdc-btn-bg-hover: #262c42;
  --jdc-btn-bg-active: #141826;
  --jdc-btn-text: #e9e7f2;
  --jdc-accent: #b69cff;
  --jdc-accent-hover: #c9b6ff;
  --jdc-accent-soft: rgba(182, 156, 255, 0.13);
  --jdc-link: #b69cff;
  --jdc-danger: #ff7a93;
  --jdc-danger-soft: rgba(255, 122, 147, 0.14);
  --jdc-success: #5fd29b;
  --jdc-warning: #d9b25a;
  --jdc-shadow: rgba(0, 0, 0, 0.7);
  --jdc-shadow-strong: rgba(0, 0, 0, 0.8);
  --jdc-overlay: rgba(0, 0, 0, 0.6); }

.icons-sprite, .icons-arrow_down, .icons-badge1, .icons-badge2, .icons-badge3, .icons-badge4, .icons-category_word, .icons-close, .icons-def_word, .icons-delete, .icons-dialog, .icons-ethymologie, .icons-file, .icons-flag, .icons-folder, .icons-fullscreen, .icons-goto, .icons-home-folder, .icons-icons, .icons-images, .icons-last_login, .icons-link, .icons-list, .icons-localisation, .icons-locked, .icons-minus, .icons-moderation_flag, .icons-new_file, .icons-new_folder, .icons-notification, .icons-options, .icons-parent-folder, .icons-plus, .icons-remove_file, .icons-remove_folder, .icons-reputation, .icons-right_arrow, .icons-search, .icons-subscription, .icons-subscription_reactive, .icons-twitter, .icons-uncheck, .icons-unlocked, .icons-up, .icons-user, .icons-valid, .icons-validation, .icons-valide, .icons-view, .icons-vote_down, .icons-vote_up, .icons-wiki_arrow, .icons-wiki_bookmark, .icons-wiki_eye, .icons-wiki_history, .icons-wiki_hyperonym, .icons-wiki_hyponym, .icons-wiki_langage, .icons-wiki_synonym, .icons-wiki_talk, .vote_up:hover .icons-vote_up, .vote_up_active:hover .icons-vote_up, .vote_down:hover .icons-vote_down, .vote_down_active:hover .icons-vote_down, .vote_up_active .icons-vote_up, .vote_down_active .icons-vote_down, #favorits_index #favorits ul li .icons-folder.locked::after, .icons-vote_up:hover, .icons-vote_down:hover, .icons-subscription:hover, .icons-options:hover, .icons-right_arrow_active, .menu_edit_user .active span, .icons-right_arrow:hover, .icons-delete_active, .icons-goto_active {
  background-image: url(/assets/icons-seb8e0a019e-fdbb226d4039ceabdfc6078f54d6240b15b075835c054ab74c8b9e121dc28586.png);
  background-repeat: no-repeat; }

.icons-arrow_down {
  background-position: 0 0;
  height: 7px;
  width: 8px; }

.icons-badge1 {
  background-position: 0 -7px;
  height: 10px;
  width: 10px; }

.icons-badge2 {
  background-position: 0 -17px;
  height: 10px;
  width: 10px; }

.icons-badge3 {
  background-position: 0 -27px;
  height: 10px;
  width: 10px; }

.icons-badge4 {
  background-position: 0 -37px;
  height: 10px;
  width: 10px; }

.icons-category_word {
  background-position: 0 -47px;
  height: 30px;
  width: 30px; }

.icons-close {
  background-position: 0 -77px;
  height: 100px;
  width: 100px; }

.icons-def_word {
  background-position: 0 -177px;
  height: 30px;
  width: 30px; }

.icons-delete {
  background-position: 0 -207px;
  height: 14px;
  width: 14px; }
  .icons-delete:active, .icons-delete.delete-active {
    background-position: 0 -221px; }

.icons-dialog {
  background-position: 0 -235px;
  height: 14px;
  width: 14px; }
  .icons-dialog:active, .icons-dialog.dialog-active {
    background-position: 0 -249px; }

.icons-ethymologie {
  background-position: 0 -263px;
  height: 30px;
  width: 30px; }

.icons-file {
  background-position: 0 -293px;
  height: 100px;
  width: 79px; }

.icons-flag {
  background-position: 0 -393px;
  height: 11px;
  width: 9px; }
  .icons-flag:active, .icons-flag.flag-active {
    background-position: 0 -404px; }

.icons-folder {
  background-position: 0 -415px;
  height: 100px;
  width: 100px; }

.icons-fullscreen {
  background-position: 0 -515px;
  height: 20px;
  width: 20px; }

.icons-goto {
  background-position: 0 -535px;
  height: 15px;
  width: 15px; }
  .icons-goto:active, .icons-goto.goto-active {
    background-position: 0 -550px; }

.icons-home-folder {
  background-position: 0 -565px;
  height: 46px;
  width: 50px; }

.icons-icons {
  background-position: 0 -611px;
  height: 100px;
  width: 100px; }

.icons-images {
  background-position: 0 -711px;
  height: 30px;
  width: 30px; }

.icons-last_login {
  background-position: 0 -741px;
  height: 14px;
  width: 12px; }

.icons-link {
  background-position: 0 -755px;
  height: 14px;
  width: 12px; }

.icons-list {
  background-position: 0 -769px;
  height: 100px;
  width: 100px; }

.icons-localisation {
  background-position: 0 -869px;
  height: 14px;
  width: 12px; }

.icons-locked {
  background-position: 0 -883px;
  height: 50px;
  width: 37px; }

.icons-minus {
  background-position: 0 -933px;
  height: 12px;
  width: 12px; }

.icons-moderation_flag {
  background-position: 0 -945px;
  height: 32px;
  width: 32px; }

.icons-new_file {
  background-position: 0 -977px;
  height: 100px;
  width: 79px; }

.icons-new_folder {
  background-position: 0 -1077px;
  height: 100px;
  width: 100px; }

.icons-notification {
  background-position: 0 -1177px;
  height: 20px;
  width: 18px; }

.icons-options {
  background-position: 0 -1197px;
  height: 12px;
  width: 12px; }
  .icons-options:active, .icons-options.options-active {
    background-position: 0 -1209px; }

.icons-parent-folder {
  background-position: 0 -1221px;
  height: 41px;
  width: 50px; }

.icons-plus {
  background-position: 0 -1262px;
  height: 12px;
  width: 12px; }

.icons-remove_file {
  background-position: 0 -1274px;
  height: 100px;
  width: 79px; }

.icons-remove_folder {
  background-position: 0 -1374px;
  height: 100px;
  width: 100px; }

.icons-reputation {
  background-position: 0 -1474px;
  height: 12px;
  width: 14px; }
  .icons-reputation:active, .icons-reputation.reputation-active {
    background-position: 0 -1486px; }

.icons-right_arrow {
  background-position: 0 -1498px;
  height: 15px;
  width: 8px; }
  .icons-right_arrow:active, .icons-right_arrow.right_arrow-active {
    background-position: 0 -1513px; }

.icons-search {
  background-position: 0 -1528px;
  height: 13px;
  width: 14px; }

.icons-subscription {
  background-position: 0 -1541px;
  height: 25px;
  width: 26px; }
  .icons-subscription:active, .icons-subscription.subscription-active {
    background-position: 0 -1566px; }

.icons-subscription_reactive {
  background-position: 0 -1591px;
  height: 25px;
  width: 26px; }

.icons-twitter {
  background-position: 0 -1616px;
  height: 14px;
  width: 12px; }

.icons-uncheck {
  background-position: 0 -1630px;
  height: 7px;
  width: 7px; }

.icons-unlocked {
  background-position: 0 -1637px;
  height: 50px;
  width: 37px; }

.icons-up {
  background-position: 0 -1687px;
  height: 16px;
  width: 16px; }

.icons-user {
  background-position: 0 -1703px;
  height: 16px;
  width: 11px; }
  .icons-user:active, .icons-user.user-active {
    background-position: 0 -1719px; }

.icons-valid {
  background-position: 0 -1735px;
  height: 12px;
  width: 11px; }

.icons-validation {
  background-position: 0 -1747px;
  height: 31px;
  width: 30px; }

.icons-valide {
  background-position: 0 -1778px;
  height: 100px;
  width: 100px; }

.icons-view {
  background-position: 0 -1878px;
  height: 14px;
  width: 12px; }

.icons-vote_down {
  background-position: 0 -1892px;
  height: 18px;
  width: 16px; }
  .icons-vote_down:active, .icons-vote_down.vote_down-active {
    background-position: 0 -1910px; }

.icons-vote_up {
  background-position: 0 -1928px;
  height: 18px;
  width: 16px; }
  .icons-vote_up:active, .icons-vote_up.vote_up-active {
    background-position: 0 -1946px; }

.icons-wiki_arrow {
  background-position: 0 -1964px;
  height: 36px;
  width: 48px; }

.icons-wiki_bookmark {
  background-position: 0 -2000px;
  height: 48px;
  width: 48px; }

.icons-wiki_eye {
  background-position: 0 -2048px;
  height: 40px;
  width: 40px; }

.icons-wiki_history {
  background-position: 0 -2088px;
  height: 48px;
  width: 48px; }

.icons-wiki_hyperonym {
  background-position: 0 -2136px;
  height: 48px;
  width: 48px; }

.icons-wiki_hyponym {
  background-position: 0 -2184px;
  height: 48px;
  width: 48px; }

.icons-wiki_langage {
  background-position: 0 -2232px;
  height: 48px;
  width: 48px; }

.icons-wiki_synonym {
  background-position: 0 -2280px;
  height: 48px;
  width: 48px; }

.icons-wiki_talk {
  background-position: 0 -2328px;
  height: 48px;
  width: 48px; }

*[class^="icons-"] {
  display: inline-block; }

@keyframes MFW_slide_fade_in {
  from {
    transform: translate3d(var(--MFW_x), var(--MFW_y), var(--MFW_z));
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }
@keyframes MFW_slide_fade_out {
  from {
    transform: translate3d(var(--MFW_x), var(--MFW_y), var(--MFW_z));
    opacity: 1; }
  to {
    transform: none;
    opacity: 0; } }
@keyframes MFW_grow_fade_in {
  from {
    transform: scale(var(--MFW_scale));
    opacity: 0; }
  to {
    opacity: 1;
    transform: none; } }
@keyframes MFW_grow_slide_fade_in {
  from {
    transform: translate3d(var(--MFW_x), var(--MFW_y), var(--MFW_z)) scale(var(--MFW_scale));
    opacity: 0; }
  to {
    opacity: 1;
    transform: none; } }
.box_success, .box_error, .box_info {
  width: 100%;
  padding: 20px 30px;
  margin: 10px 0; }

.box_success {
  background: #f4fcee none repeat scroll 0 0;
  border: 2px solid #91e458; }

.box_error {
  background: #ffeceb none repeat scroll 0 0;
  border: 2px solid #f8452e; }

.box_info {
  background: #fffbeb none repeat scroll 0 0;
  border: 2px solid #ffd42c; }

#notifications {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 99999; }
  #notifications .notif {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    width: 400px;
    display: grid;
    grid-template-columns: 70px 1fr 70px;
    border-radius: 5px;
    animation: _show_notif 0.3s ease forwards, fade_out 0.3s var(--d) ease forwards;
    opacity: 1;
    transform: translate(0);
    transform-style: preserve-3d; }
    #notifications .notif .title {
      font-size: x-large;
      font-weight: bold; }
    #notifications .notif i {
      color: var(--color);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: x-large; }
    #notifications .notif span, #notifications .notif .close {
      opacity: 0.6;
      color: #fff; }
    #notifications .notif.success {
      --color: #0abf30;
      background-image: linear-gradient(to right, rgba(10, 191, 48, 0.8), #22242f 25%); }
    #notifications .notif.error {
      --color: #f24d4c;
      background-image: linear-gradient(to right, rgba(242, 77, 76, 0.8), #22242f 25%); }
    #notifications .notif.warning {
      --color: #e9bd0c;
      background-image: linear-gradient(to right, rgba(233, 189, 12, 0.8), #22242f 25%); }
    #notifications .notif.info {
      --color: #3498db;
      background-image: linear-gradient(to right, rgba(52, 152, 219, 0.8), #22242f 25%); }
    #notifications .notif::after {
      height: 3px;
      background-color: var(--color);
      box-shadow: 0 0 10px var(--color);
      animation: to_0_width var(--d) linear 1 forwards; }

@keyframes _show_notif {
  0% {
    transform: translateX(100%); }
  40% {
    transform: translateX(-5%); }
  80% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-10%); } }
#admin-messages {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99998;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  max-width: calc(100vw - 40px);
  pointer-events: none; }
  #admin-messages .admin-msg {
    pointer-events: auto;
    width: 380px;
    max-width: 100%;
    background: #1f2a3a;
    color: #fff;
    border-left: 4px solid #ff8c00;
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    animation: _slide_in_right 0.35s ease forwards;
    overflow: hidden; }
    #admin-messages .admin-msg__head {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      background: rgba(255, 140, 0, 0.12);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
    #admin-messages .admin-msg__icon {
      font-size: 18px; }
    #admin-messages .admin-msg__from {
      flex: 1;
      font-weight: bold;
      color: #ff8c00;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 0.5px; }
    #admin-messages .admin-msg__close {
      background: transparent;
      border: 0;
      color: rgba(255, 255, 255, 0.5);
      font-size: 18px;
      cursor: pointer;
      padding: 0 4px; }
      #admin-messages .admin-msg__close:hover {
        color: #fff; }
    #admin-messages .admin-msg__body {
      padding: 14px 16px;
      font-size: 16px;
      line-height: 1.4; }

@keyframes _slide_in_right {
  0% {
    transform: translateX(110%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.FW-modal-overlay .admin-msg-modal.FW-modal-window {
  background: #1f2a3a !important;
  color: #fff; }
  .FW-modal-overlay .admin-msg-modal.FW-modal-window .modal-header {
    background: #14202d;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .FW-modal-overlay .admin-msg-modal.FW-modal-window .modal-body {
    background: #1f2a3a;
    color: #fff; }
    .FW-modal-overlay .admin-msg-modal.FW-modal-window .modal-body .form-section {
      background: rgba(0, 0, 0, 0.18);
      padding: 16px;
      border-radius: 8px;
      margin-bottom: 18px;
      border: 1px solid rgba(255, 255, 255, 0.05); }
      .FW-modal-overlay .admin-msg-modal.FW-modal-window .modal-body .form-section header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 12px; }
        .FW-modal-overlay .admin-msg-modal.FW-modal-window .modal-body .form-section header h4 {
          margin: 0;
          font-size: 15px;
          font-weight: bold;
          color: #fff; }

.admin-msg-target-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto; }
  .admin-msg-target-actions .admin-msg-link {
    background: transparent;
    border: 1px solid rgba(255, 140, 0, 0.4);
    color: #ff8c00;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.15s; }
    .admin-msg-target-actions .admin-msg-link:hover {
      background: rgba(255, 140, 0, 0.15); }

.admin-msg-target-count {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px; }
  .admin-msg-target-count strong {
    color: #ff8c00; }

.admin-msg-juges {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 6px;
  max-height: 220px;
  overflow-y: auto;
  padding: 8px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px; }
  .admin-msg-juges .admin-msg-juge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    transition: background 0.12s; }
    .admin-msg-juges .admin-msg-juge:hover {
      background: rgba(255, 140, 0, 0.1); }
    .admin-msg-juges .admin-msg-juge input[type="checkbox"] {
      width: 16px;
      height: 16px;
      accent-color: #ff8c00;
      cursor: pointer;
      margin: 0; }
    .admin-msg-juges .admin-msg-juge .admin-msg-juge-name {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.admin-msg-hint {
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-style: italic;
  margin: 6px 0 0; }

.admin-msg-presets {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px; }
  .admin-msg-presets .admin-msg-preset {
    background: #2a3a4f;
    color: #fff;
    border: 1px solid rgba(255, 140, 0, 0.35);
    border-radius: 6px;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    transition: all 0.15s ease;
    line-height: 1.3; }
    .admin-msg-presets .admin-msg-preset:hover {
      background: rgba(255, 140, 0, 0.18);
      border-color: #ff8c00;
      transform: translateY(-1px); }
    .admin-msg-presets .admin-msg-preset:active {
      transform: translateY(0); }

.admin-msg-textarea {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  padding: 12px;
  font-size: 15px;
  font-family: inherit;
  resize: vertical;
  min-height: 80px; }
  .admin-msg-textarea:focus {
    outline: none;
    border-color: #ff8c00;
    background: rgba(0, 0, 0, 0.4); }

.admin-msg-counter {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  display: block;
  text-align: right;
  margin-top: 4px; }

.lemme_category_0 {
  background-color: rgba(255, 232, 0, 0.3);
  padding: 10px; }
  .lemme_category_0:hover {
    background-color: rgba(255, 232, 0, 0.6); }

.lemme_category_1 {
  background-color: rgba(240, 16, 16, 0.3);
  padding: 10px; }
  .lemme_category_1:hover {
    background-color: rgba(240, 16, 16, 0.6); }

.lemme_category_2 {
  background-color: rgba(16, 96, 176, 0.3);
  padding: 10px; }
  .lemme_category_2:hover {
    background-color: rgba(16, 96, 176, 0.6); }

.nature_-4 {
  color: #0000f0;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_-4 {
  background-color: #0000f0; }

.nature_-3 {
  color: #f00000;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_-3 {
  background-color: #f00000; }

.nature_-2 {
  color: #ffa000;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_-2 {
  background-color: #ffa000; }

.nature_-1 {
  color: #ecae4f;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_-1 {
  background-color: #ecae4f; }

.nature_0 {
  color: #f02080;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_0 {
  background-color: #f02080; }

.nature_1 {
  color: #6ea35b;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_1 {
  background-color: #6ea35b; }

.nature_2 {
  color: #81508a;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_2 {
  background-color: #81508a; }

.nature_3 {
  color: #a44964;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_3 {
  background-color: #a44964; }

.nature_4 {
  color: #ada855;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_4 {
  background-color: #ada855; }

.nature_5 {
  color: #c7423f;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_5 {
  background-color: #c7423f; }

.nature_6 {
  color: #00f000;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_6 {
  background-color: #00f000; }

.nature_7 {
  color: #56867a;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_7 {
  background-color: #56867a; }

.nature_8 {
  color: #ff9e6d;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_8 {
  background-color: #ff9e6d; }

.nature_9 {
  color: #3e6a9a;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }

.bg_nature_9 {
  background-color: #3e6a9a; }

.pastille_nature {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  margin-right: 5px; }

.article_standard_overview .main_section article {
  margin: 25px 0; }
  .article_standard_overview .main_section article h2 {
    margin-bottom: 25px; }
  .article_standard_overview .main_section article h3 {
    margin: 25px 0 15px 0; }
  .article_standard_overview .main_section article li {
    margin: 10px 0; }
  .article_standard_overview .main_section article section {
    margin-bottom: 50px; }

.box_success, .box_error, .box_info {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px;
  margin: 10px 0; }

.box_success {
  background: #f4fcee none repeat scroll 0 0;
  border: 2px solid #91e458; }

.box_error {
  background: #ffeceb none repeat scroll 0 0;
  border: 2px solid #f8452e; }

.box_info {
  background: #fffbeb none repeat scroll 0 0;
  border: 2px solid #ffd42c; }

#notifications {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 99999; }
  #notifications .notif {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    width: 400px;
    display: grid;
    grid-template-columns: 70px 1fr 70px;
    border-radius: 5px;
    animation: _show_notif 0.3s ease forwards;
    transform: translate(0);
    transform-style: preserve-3d; }
    #notifications .notif .title {
      font-size: x-large;
      font-weight: bold; }
    #notifications .notif i {
      color: var(--color);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: x-large; }
    #notifications .notif span, #notifications .notif .close {
      opacity: 0.6;
      color: #fff; }
    #notifications .notif.success {
      --color: #0abf30;
      background-image: linear-gradient(to right, rgba(10, 191, 48, 0.8), #22242f 25%); }
    #notifications .notif.error {
      --color: #f24d4c;
      background-image: linear-gradient(to right, rgba(242, 77, 76, 0.8), #22242f 25%); }
    #notifications .notif.warning {
      --color: #e9bd0c;
      background-image: linear-gradient(to right, rgba(233, 189, 12, 0.8), #22242f 25%); }
    #notifications .notif.info {
      --color: #3498db;
      background-image: linear-gradient(to right, rgba(52, 152, 219, 0.8), #22242f 25%); }
    #notifications .notif::after {
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: var(--color);
      box-shadow: 0 0 10px var(--color);
      content: "";
      width: 100%;
      height: 3px;
      animation: to_0_width var(--d) linear 1 forwards; }

@keyframes _show_notif {
  0% {
    transform: translateX(100%); }
  40% {
    transform: translateX(-5%); }
  80% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-10%); } }
.vote_up, .vote_up_active {
  color: #99e02f !important; }
  .vote_up:hover, .vote_up_active:hover {
    font-weight: bold; }
    .vote_up:hover .icons-vote_up, .vote_up_active:hover .icons-vote_up {
      background-position: 0 -1946px; }

.vote_down, .vote_down_active {
  color: #fb2f2f !important; }
  .vote_down:hover .icons-vote_down, .vote_down_active:hover .icons-vote_down {
    background-position: 0 -1910px; }

.vote_up_active .icons-vote_up {
  background-position: 0 -1946px; }

.vote_down_active .icons-vote_down {
  background-position: 0 -1910px; }

.btn_char_picker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  font-size: 0.875rem;
  color: var(--jdc-text-muted, #6b7280);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn_char_picker:hover, .btn_char_picker:focus {
    color: #018df0;
    border-color: #018df0;
    background: rgba(1, 141, 240, 0.08); }
  .btn_char_picker:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
  .btn_char_picker[aria-expanded="true"] {
    color: #018df0;
    border-color: #018df0;
    background: rgba(1, 141, 240, 0.08); }

.char_picker_panel {
  position: absolute;
  z-index: 410;
  width: 320px;
  max-width: 95vw;
  max-height: 60vh;
  overflow-y: auto;
  padding: 0.625rem;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05); }
  .char_picker_panel .char_picker_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
    .char_picker_panel .char_picker_tabs .char_picker_tab {
      padding: 4px 8px;
      font-size: 0.6875rem;
      color: var(--jdc-text-muted, #6b7280);
      background: var(--jdc-bg-subtle, #f1f2f4);
      border-radius: 999px;
      cursor: pointer;
      user-select: none; }
      .char_picker_panel .char_picker_tabs .char_picker_tab:hover {
        color: var(--jdc-text, #111827); }
      .char_picker_panel .char_picker_tabs .char_picker_tab.active {
        color: #fff;
        background: #018df0; }
  .char_picker_panel .char_picker_hex {
    display: flex;
    gap: 6px;
    margin: 0 0 8px; }
    .char_picker_panel .char_picker_hex input {
      flex: 1 1 auto;
      min-width: 0;
      padding: 6px 10px;
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 6px;
      font-size: 0.78125rem;
      color: var(--jdc-text, #111827);
      font-family: monospace; }
      .char_picker_panel .char_picker_hex input:focus {
        outline: none;
        border-color: #018df0; }
    .char_picker_panel .char_picker_hex button {
      flex: 0 0 auto;
      padding: 6px 10px;
      background: #018df0;
      border: none;
      border-radius: 6px;
      font-size: 0.75rem;
      font-weight: 600;
      color: #fff;
      cursor: pointer; }
      .char_picker_panel .char_picker_hex button:hover {
        background: #0175c7; }
  .char_picker_panel .char_picker_grid {
    display: none;
    flex-wrap: wrap;
    gap: 4px;
    max-height: 220px;
    overflow-y: auto; }
    .char_picker_panel .char_picker_grid.active {
      display: flex; }
    .char_picker_panel .char_picker_grid .char_picker_char {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
      height: 28px;
      padding: 0 4px;
      font-size: calc(0.88125rem + 0.075vw);
      color: var(--jdc-text, #111827);
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 6px;
      cursor: pointer;
      transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      @media (min-width: 1200px) {
        .char_picker_panel .char_picker_grid .char_picker_char {
          font-size: 0.9375rem; } }
      .char_picker_panel .char_picker_grid .char_picker_char:hover, .char_picker_panel .char_picker_grid .char_picker_char:focus {
        outline: none;
        color: #018df0;
        border-color: #018df0;
        background: rgba(1, 141, 240, 0.08); }
      .char_picker_panel .char_picker_grid .char_picker_char.char_picker_char_glyph {
        position: relative;
        width: 32px;
        height: 32px;
        min-width: 32px;
        padding: 0;
        background: #fff;
        overflow: hidden; }
        .char_picker_panel .char_picker_grid .char_picker_char.char_picker_char_glyph .char_picker_glyph_img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .char_picker_panel .char_picker_grid .char_picker_char.char_picker_char_glyph .char_picker_glyph_label {
          position: absolute;
          right: 1px;
          bottom: 1px;
          font-size: 0.5rem;
          line-height: 1;
          padding: 1px 3px;
          color: var(--jdc-text-muted, #6b7280);
          background: rgba(255, 255, 255, 0.85);
          border-radius: 2px;
          pointer-events: none; }

._unread_count, ._unread_count_red, .activities article .stat_red, body > header .center .activities .unread_count, ._unread_count_green, .activities article .stat_green, body > header .center .reputations .unread_count, ._unread_count_blue, body > header .center .moderations .unread_count, ._unread_count_orange, body > header .center .errors_admin .unread_count, ._unread_count_yellow, body > header .center .new_users_notifications .unread_count, ._unread_count_turquoise, body > header .center .propositions .unread_count {
  position: absolute;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 0.6875rem;
  line-height: 11px;
  padding: 2px 7px;
  left: 9px;
  top: 6px; }

._unread_count_red, .activities article .stat_red, body > header .center .activities .unread_count {
  background-color: #f00 !important; }

._unread_count_green, .activities article .stat_green, body > header .center .reputations .unread_count {
  background-color: #33a030 !important; }

._unread_count_blue, body > header .center .moderations .unread_count {
  background-color: #07d !important; }

._unread_count_orange, body > header .center .errors_admin .unread_count {
  background-color: #f80 !important; }

._unread_count_yellow, body > header .center .new_users_notifications .unread_count {
  background-color: #fd0 !important; }

._unread_count_turquoise, body > header .center .propositions .unread_count {
  background-color: #0aa !important; }

._block_shadow, .summary_user, ._block_node_aside_effect, main > aside section {
  border: 1px solid var(--jdc-border, #e0e0e0);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), 0 1px 0 #fff inset; }

._stat_number, .activities article .stat, #show_users .activities_info .panel_target .user_panel article .stat {
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  background-color: var(--jdc-text-muted, #777);
  border-radius: 2px;
  color: #fff;
  min-width: 20px;
  width: auto !important;
  height: 15px;
  padding: 3px; }

._border_tabs, .tabized_overview .tabs li a:hover, .tabized_overview .tabs li .selected {
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: #018df0 var(--jdc-border, #e0e0e0) #fff;
  background: #fdfdfd;
  color: var(--jdc-text, #000);
  line-height: 28px;
  margin-top: 4px;
  padding: 0 11px; }

.common_overview {
  overflow: auto; }

._common_overview article, .activities article {
  border-bottom: 1px solid var(--jdc-border, #e0e0e0);
  display: inline-block;
  padding: 11px 0;
  width: 100%; }
._common_overview .stat, .activities .stat {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: 10px;
  font-size: 0.6875rem;
  cursor: pointer; }
  ._common_overview .stat .votes, .activities .stat .votes, ._common_overview .stat .score, .activities .stat .score {
    display: inline-block;
    height: 38px;
    margin: 0 3px 0 0;
    padding: 5px 5px 6px;
    width: 38px; }
  ._common_overview .stat .arguments, .activities .stat .arguments, ._common_overview .stat .views, .activities .stat .views {
    color: var(--jdc-text-muted, #777);
    padding: 6px 3px;
    width: 44px;
    display: inline-block;
    height: 38px;
    margin: 0 4px 0 0; }
  ._common_overview .stat .arguments, .activities .stat .arguments {
    width: 52px; }
  ._common_overview .stat .views, .activities .stat .views {
    width: 37px; }
  ._common_overview .stat .members, .activities .stat .members, ._common_overview .stat .tendency, .activities .stat .tendency {
    padding: 6px;
    width: 62px;
    display: inline-block;
    height: 38px;
    margin: 0 3px 0 0; }
  ._common_overview .stat .users_nb, .activities .stat .users_nb {
    color: var(--jdc-text-muted, #777);
    display: inline-block;
    height: 38px;
    margin: 0 7px 0 0;
    padding: 5px 5px 6px;
    width: 55px; }
  ._common_overview .stat .count, .activities .stat .count {
    font-size: calc(0.89375rem + 0.225vw);
    margin-bottom: 4px;
    font-weight: 300; }
    @media (min-width: 1200px) {
      ._common_overview .stat .count, .activities .stat .count {
        font-size: 1.0625rem; } }
._common_overview .summary, .activities .summary {
  width: 490px;
  display: inline-block;
  vertical-align: top; }
  ._common_overview .summary h3, .activities .summary h3 {
    font-weight: bold;
    margin: 7px 0 5px 0; }
    ._common_overview .summary h3 a, .activities .summary h3 a {
      color: #006ebb; }
      ._common_overview .summary h3 a:hover, .activities .summary h3 a:hover {
        color: #0079ff !important;
        text-decoration: underline; }

.two_block {
  white-space: nowrap;
  overflow: hidden; }
  .two_block > div {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 50%; }

@font-face {
  font-family: "Fondamento";
  font-style: normal;
  font-weight: 400;
  src: local("Fondamento Regular"), local("Fondamento-Regular"), url("https://fonts.gstatic.com/s/fondamento/v6/bHQyc5zrMLI5-R-me5j-evk_vArhqVIZ0nv9q090hN8.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box; }
  *:hover {
    transition: 0.25s ease;
    transition-property: color, background-color; }
  *[data-to_url], *[data-to_anchor] {
    cursor: pointer; }

html, body {
  scroll-behavior: smooth;
  scroll-padding: 10rem; }

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #fdfdfd; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, canvas {
  display: block; }

img {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none;
  color: #006ebb;
  cursor: pointer; }
  a:hover:not(.btn), a .active:not(.btn) {
    text-decoration: none !important;
    color: #0079ff !important; }

iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 0; }

input, button {
  margin: 5px 0;
  padding: 3px;
  border: 1px solid #222;
  border-radius: 3px; }
  input[disabled], button[disabled] {
    background-color: rgba(136, 136, 136, 0.75) !important;
    color: #444;
    cursor: default !important; }
  input[type="file"], button[type="file"] {
    border: none !important; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fdfdfd inset !important; }

input[type="button"], input[type="submit"], .button, button {
  background-image: linear-gradient(145deg, #222222 0%, #333333 100%);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  padding: 6px 10px;
  text-decoration: none;
  cursor: pointer; }
  input[type="button"]:active, input[type="button"]:hover, input[type="submit"]:active, input[type="submit"]:hover, .button:active, .button:hover, button:active, button:hover {
    background-image: linear-gradient(145deg, #333333 0%, #444444 100%); }
  input[type="button"] a, input[type="submit"] a, .button a, button a {
    color: #fff !important; }

input[size="1"], select[size="1"] {
  width: 60px; }
input[size="2"], select[size="2"] {
  width: 70px; }
input[size="3"], select[size="3"] {
  width: 80px; }
input[size="4"], select[size="4"] {
  width: 90px; }
input[size="5"], select[size="5"] {
  width: 100px; }
input[size="10"], select[size="10"] {
  width: 150px; }

ul[columns="2"], ol[columns="2"] {
  columns: 2; }

ul[columns="3"], ol[columns="3"] {
  columns: 3; }

ul[columns="4"], ol[columns="4"] {
  columns: 4; }

textarea {
  resize: vertical; }

code {
  background-color: #eee;
  white-space: pre-wrap; }

ins {
  background: none repeat scroll 0 0 #d1e1ad;
  color: #405a04; }

del {
  background-color: #e5bdb2;
  color: #a82400;
  text-decoration: line-through;
  padding-left: 10px; }

ul, ol {
  list-style-type: none; }

hr {
  background-color: #ccc;
  height: 1px;
  border: 0;
  margin: 15px 0; }

table {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  border: 1px solid #666;
  text-align: center; }
  table tr {
    padding: 0;
    margin: 0; }
    table tr td, table tr th {
      display: table-cell;
      border: 1px solid #666;
      padding: 0;
      margin: 0;
      height: 30px; }

label[for] {
  cursor: pointer; }

::selection {
  color: #000;
  background: rgba(1, 141, 240, 0.75); }

summary {
  cursor: pointer; }
  summary:hover {
    color: #006ebb; }

.svg-icon * {
  fill: currentColor; }

.transparent {
  opacity: 0; }

.opaque {
  opacity: 1; }

.mobile {
  display: none; }

.hidden {
  display: none !important; }

.hidden_text {
  position: absolute;
  text-indent: -9999px; }

.hidden_next + * {
  display: none; }

.margin_auto {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important; }

.align_center {
  text-align: center !important; }

.align_left {
  text-align: left !important; }

.inline_block {
  display: inline-block !important; }

.inline_flex {
  display: inline-flex !important; }

.vertical_top {
  vertical-align: top !important; }

.ui-tooltip {
  z-index: 999999999; }

#back-to-top {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 40px;
  z-index: 1000; }
  #back-to-top a {
    border-radius: 3px;
    display: block;
    height: 40px;
    text-indent: -9999px;
    transition: all 0.4s ease 0s;
    width: 40px;
    background-color: #018df0; }
    #back-to-top a::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: 11px;
      right: 13px;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      display: inline-block;
      transform: rotate(-135deg);
      cursor: pointer;
      padding: 5px; }
    #back-to-top a:hover {
      background-color: rgba(1, 141, 240, 0.5); }

.w50pc {
  width: 50%; }

.w80pc {
  width: 80%; }

.w100pc {
  width: 100%; }

.w100vw {
  width: 100vw; }

.flex {
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  .flex > * {
    flex: 1; }

#notifications .notif::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute; }

#notifications .notif::after {
  top: 0;
  left: 0; }

.swal2-container {
  z-index: 99999 !important; }

.stage_fs_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9990;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(13, 17, 23, 0.55);
  backdrop-filter: blur(4px);
  color: #e9e7f2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: calc(0.8875rem + 0.15vw);
  transition: background 0.15s, border-color 0.15s; }
  @media (min-width: 1200px) {
    .stage_fs_btn {
      font-size: 1rem; } }
  .stage_fs_btn:hover {
    background: rgba(13, 17, 23, 0.85);
    border-color: #018df0; }

.stage_fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  z-index: 999999 !important;
  border-radius: 0 !important; }

.g2d_fiche {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 40;
  width: 260px;
  max-height: calc(100% - 24px);
  overflow-y: auto;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  color: var(--jdc-text, #111827);
  padding: calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    .g2d_fiche {
      padding: 1rem; } }
  .g2d_fiche.hidden {
    display: none; }
  .g2d_fiche.is_loading .g2d_fiche_body {
    opacity: 0.4; }

.g2d_fiche_close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--jdc-border, #e5e7eb);
  background: var(--jdc-surface-alt, #f1f2f4);
  color: var(--jdc-text-muted, #6b7280);
  cursor: pointer; }
  .g2d_fiche_close:hover {
    border-color: #018df0;
    color: #018df0; }

.g2d_fiche_form {
  margin: 0 22px 4px 0;
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw); }
  @media (min-width: 1200px) {
    .g2d_fiche_form {
      font-size: 1.25rem; } }

.g2d_fiche_nature {
  margin-bottom: 10px;
  color: var(--jdc-text-muted, #6b7280);
  text-transform: uppercase;
  font-size: 0.6875rem; }

.g2d_fiche_chips {
  margin-bottom: 10px; }

.g2d_chip {
  display: inline-block;
  margin: 0 5px 5px 0;
  border-radius: 999px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  color: var(--jdc-text-soft, #374151);
  font-size: 0.65625rem;
  padding: 0.125rem 0.5rem; }

.g2d_chip_gold {
  border-color: rgba(255, 204, 1, 0.5);
  color: #a67c00; }

.g2d_chip_rarety_1 {
  border-color: rgba(53, 125, 77, 0.4); }

.g2d_chip_rarety_2 {
  border-color: rgba(129, 104, 17, 0.5); }

.g2d_chip_rarety_3 {
  border-color: rgba(192, 45, 46, 0.4); }

.g2d_fiche_definition {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 0.8125rem; }

.g2d_fiche_hyponyms {
  margin: 4px 0 12px;
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.75rem; }

.g2d_fiche_error {
  color: #d64545;
  font-size: 0.8125rem; }

.g2d_btn {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--jdc-border, #e5e7eb);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 0.78125rem;
  padding: 0.5rem 0.625rem; }
  .g2d_btn:hover {
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }

.g2d_btn_main {
  background: #018df0;
  border-color: #018df0;
  color: #fff; }
  .g2d_btn_main:hover {
    color: #fff;
    opacity: 0.9; }

.site_nav_overlay {
  position: fixed;
  top: 50px;
  left: -231px;
  width: 230px;
  height: calc(100vh - 50px);
  z-index: 9998;
  overflow-y: auto;
  background: #F4F4F6;
  border-right: 1px solid var(--jdc-border, #ddd);
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
  transition: left 0.3s ease-out; }
  .site_nav_overlay.site_nav_overlay_active {
    left: 0; }
  .site_nav_overlay .nav {
    list-style: none;
    padding: calc(0.9125rem + 0.45vw) 0; }
    @media (min-width: 1200px) {
      .site_nav_overlay .nav {
        padding: 1.25rem 0; } }
    .site_nav_overlay .nav li {
      font-size: 0.8125rem; }
      .site_nav_overlay .nav li.sub {
        padding-left: 20px; }
      .site_nav_overlay .nav li a {
        display: block;
        line-height: 1.5;
        padding: 0.25rem 0.25rem 0.25rem 0.5rem;
        color: var(--jdc-text-soft, #374151);
        text-decoration: none; }
      .site_nav_overlay .nav li.active {
        background: rgba(1, 141, 240, 0.12);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        .site_nav_overlay .nav li.active a {
          color: #018df0; }
      .site_nav_overlay .nav li:hover {
        background: var(--jdc-bg-subtle, #f1f2f4); }
    .site_nav_overlay .nav .nav_group {
      padding: 0; }
      .site_nav_overlay .nav .nav_group.open > .nav_head .nav_chevron {
        transform: rotate(90deg); }
    .site_nav_overlay .nav .nav_head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .site_nav_overlay .nav .nav_head a {
        flex: 1; }
      .site_nav_overlay .nav .nav_head.active {
        background: rgba(1, 141, 240, 0.12);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        .site_nav_overlay .nav .nav_head.active a {
          color: #018df0; }
      .site_nav_overlay .nav .nav_head.child_active {
        background: rgba(1, 141, 240, 0.08);
        border-left: 3px solid rgba(1, 141, 240, 0.4); }
      .site_nav_overlay .nav .nav_head:hover {
        background: var(--jdc-bg-subtle, #f1f2f4); }
    .site_nav_overlay .nav .nav_label {
      display: block;
      flex: 1;
      line-height: 1.5;
      padding: 0.25rem 0.25rem 0.25rem 0.5rem;
      font-size: 0.8125rem; }
    .site_nav_overlay .nav .nav_label_sub {
      margin-left: 4px;
      font-size: 0.65625rem;
      font-weight: normal;
      color: var(--jdc-text-muted, #999); }
    .site_nav_overlay .nav .nav_chevron {
      display: inline-block;
      flex-shrink: 0;
      width: 24px;
      text-align: center;
      color: var(--jdc-text-muted, #6b7280);
      transition: transform 0.15s ease-out; }
      .site_nav_overlay .nav .nav_chevron:hover {
        color: #018df0; }
    .site_nav_overlay .nav .nav_sub {
      display: none;
      list-style: none;
      padding-left: 20px; }
      .site_nav_overlay .nav .nav_sub li a {
        font-size: 0.75rem; }
    .site_nav_overlay .nav .nav_group.open > .nav_sub {
      display: block; }

.gw-word {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
  margin-left: 6px;
  vertical-align: middle; }

.gw-char {
  height: 22px;
  width: auto;
  vertical-align: middle;
  image-rendering: pixelated; }

.gw-char-text {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  font-family: "Lato", sans-serif; }

.new_notification_1 li:nth-of-type(-n+1) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_2 li:nth-of-type(-n+2) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_3 li:nth-of-type(-n+3) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_4 li:nth-of-type(-n+4) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_5 li:nth-of-type(-n+5) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_6 li:nth-of-type(-n+6) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_7 li:nth-of-type(-n+7) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_8 li:nth-of-type(-n+8) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_9 li:nth-of-type(-n+9) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_10 li:nth-of-type(-n+10) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_11 li:nth-of-type(-n+11) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_12 li:nth-of-type(-n+12) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_13 li:nth-of-type(-n+13) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_14 li:nth-of-type(-n+14) {
  background-color: rgba(255, 220, 220, 0.35); }

.new_notification_15 li:nth-of-type(-n+15) {
  background-color: rgba(255, 220, 220, 0.35); }

.popup {
  background-color: #fff; }

html[data-theme="dark"] .popup {
  background-color: var(--jdc-surface);
  color: var(--jdc-text);
  border-color: var(--jdc-border); }
html[data-theme="dark"] .ui-dialog, html[data-theme="dark"] .ui-widget-content {
  background-color: var(--jdc-surface) !important;
  color: var(--jdc-text); }
html[data-theme="dark"] .ui-widget-header {
  background-color: var(--jdc-surface-alt) !important;
  border-bottom-color: var(--jdc-border);
  color: var(--jdc-text); }

.ui-dialog {
  padding: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 999; }
  .ui-dialog .ui-dialog-titlebar-close {
    background-color: #333 !important;
    background-image: none; }

.ui-widget-header {
  background-color: #fff !important;
  background-image: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #aaaaaa; }

.ui-widget-content a {
  color: #006ebb; }

.ui-effects-wrapper {
  overflow: visible !important; }

.tabized_overview {
  border-bottom: 1px solid #ccc;
  min-height: 34px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center; }
  .tabized_overview h1, .tabized_overview h2, .tabized_overview h3 {
    font-weight: 700;
    font-size: calc(0.88125rem + 0.075vw);
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .tabized_overview h1, .tabized_overview h2, .tabized_overview h3 {
        font-size: 0.9375rem; } }
    .tabized_overview h1 .count, .tabized_overview h2 .count, .tabized_overview h3 .count {
      color: #888;
      font-weight: normal; }
  .tabized_overview .space {
    flex: auto; }
  .tabized_overview .tabs_left {
    justify-content: start; }
  .tabized_overview .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    min-height: 38px;
    list-style: none; }
    .tabized_overview .tabs li {
      height: 30px; }
      .tabized_overview .tabs li a {
        border: 1px solid;
        border-color: transparent transparent;
        color: #777;
        display: block;
        font-size: 0.6875rem;
        line-height: 20px;
        margin: 9px 8px 0 0;
        padding: 0 11px; }
      .tabized_overview .tabs li .selected {
        font-size: 0.875rem; }

.text_standard_overview #main_section h2, #charter #main_section h2 {
  font-size: calc(0.88125rem + 0.075vw);
  margin: 30px 0 0 0; }
  @media (min-width: 1200px) {
    .text_standard_overview #main_section h2, #charter #main_section h2 {
      font-size: 0.9375rem; } }
.text_standard_overview #main_section article, #charter #main_section article {
  margin: 10px 0; }
  .text_standard_overview #main_section article ul, #charter #main_section article ul {
    margin: 10px 0; }
    .text_standard_overview #main_section article ul li, #charter #main_section article ul li {
      margin: 5px 0; }

.grimorium {
  /* ============ TOKENS ============ */
  /* ============ RESET ============ */
  /* ============ LAYOUT ============ */
  /* ---- Sidebar (desktop : colonne inline ; mobile : tiroir, cf. media query) ---- */
  /* ---- Topbar (mobile uniquement, cf. media query) ---- */
  /* ---- Main ---- */
  /* ---- Hero ---- */
  /* ---- Sections ---- */
  /* ---- Option menu (signature component) ---- */
  /* ---- Callouts / principles ---- */
  /* ---- Archetype fiche ---- */
  /* ---- Matrix table ---- */
  /* ---- pills ---- */
  /* ---- footer ---- */
  /* ---- reveal animation ---- */
  /* ---- end of document ---- */
  /* ============ RESPONSIVE ============ */
  /* ============ RESPONSIVE — mobile : sidebar en tiroir ============ */ }
  .grimorium {
    --bg: #0b0c14;
    --bg-2: #0f111c;
    --bg-3: #161a28;
    --bg-card: rgba(19, 22, 34, 0.44);
    --bg-card-solid: #141826;
    --ink: #e9e7f2;
    --ink-soft: #b7b4c9;
    --ink-faint: #76738d;
    --line: rgba(255, 255, 255, 0.085);
    --line-strong: rgba(255, 255, 255, 0.16);
    --gold: #d9b25a;
    --accent: #b69cff;
    /* overridden per part */
    --accent-soft: rgba(182, 156, 255, 0.13);
    --shadow: 0 18px 50px -20px rgba(0, 0, 0, 0.7);
    --maxread: 760px;
    --c-pre: #d9b25a;
    --c-1: #b69cff;
    --c-2: #57c8f0;
    --c-3: #5fd29b;
    --c-4: #f0a94e;
    --c-5: #ff7a93;
    --c-6: #8aa0ff;
    --c-7: #46cabf;
    --c-8: #dd8ad9; }
  .grimorium[data-theme="light"] {
    --bg: #f4f2ec;
    --bg-2: #efece3;
    --bg-3: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.8);
    --bg-card-solid: #ffffff;
    --ink: #1b1a26;
    --ink-soft: #4a4860;
    --ink-faint: #8c8aa0;
    --line: rgba(30, 28, 50, 0.12);
    --line-strong: rgba(30, 28, 50, 0.22);
    --gold: #9a7a23;
    --shadow: 0 16px 40px -22px rgba(40, 35, 80, 0.35); }
  .grimorium * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .grimorium {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%; }
  @media (prefers-reduced-motion: reduce) {
    .grimorium {
      scroll-behavior: auto; } }
  .grimorium {
    background: var(--bg);
    color: var(--ink);
    font-family: "Newsreader", Georgia, serif;
    font-size: 18px;
    line-height: 1.72;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip; }
  .grimorium[data-theme="dark"] {
    background: radial-gradient(1200px 600px at 82% -8%, #1a1840 0%, transparent 55%), radial-gradient(900px 500px at -5% 12%, #102033 0%, transparent 50%), var(--bg);
    background-attachment: fixed; }
  .grimorium[data-theme="light"] {
    background: radial-gradient(1200px 600px at 82% -8%, rgba(110,78,224,.52) 0%, transparent 60%), radial-gradient(900px 520px at -5% 12%, rgba(34,150,210,.46) 0%, transparent 56%), var(--bg);
    background-attachment: fixed; }
  .grimorium a {
    color: inherit; }
  .grimorium .layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    min-height: 100vh; }
  .grimorium .sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background: linear-gradient(180deg, var(--bg-2), var(--bg));
    border-right: 1px solid var(--line);
    padding: 26px 16px 40px 22px;
    scrollbar-width: thin;
    scrollbar-color: var(--line-strong) transparent; }
  .grimorium .sidebar::-webkit-scrollbar {
    width: 7px; }
  .grimorium .sidebar::-webkit-scrollbar-thumb {
    background: var(--line-strong);
    border-radius: 8px; }
  .grimorium .brand {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 6px 18px;
    border-bottom: 1px solid var(--line); }
  .grimorium .brand .glyph {
    font-family: "Fraunces";
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 0.5px;
    color: var(--ink);
    line-height: 1.05; }
  .grimorium .brand a.glyph {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.15s; }
    .grimorium .brand a.glyph:hover {
      opacity: 0.8; }
  .grimorium .brand .glyph span {
    color: var(--gold); }
  .grimorium .brand .sub {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-top: 6px; }
  .grimorium .toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 16px 6px 14px; }
  .grimorium .toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ink-soft);
    background: var(--bg-3);
    border: 1px solid var(--line);
    padding: 7px 11px;
    border-radius: 999px;
    transition: 0.2s; }
  .grimorium .toggle:hover {
    border-color: var(--accent);
    color: var(--ink); }
  .grimorium .toggle .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 10px var(--gold); }
  .grimorium nav.toc {
    margin-top: 8px; }
  .grimorium .nav-group {
    margin: 2px 0 4px; }
  .grimorium .nav-group-title {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--ink-faint);
    padding: 14px 8px 7px;
    font-weight: 600; }
  .grimorium .nav-group-title .pin {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--gc);
    box-shadow: 0 0 9px -1px var(--gc);
    flex: none; }
  .grimorium .toc a {
    display: block;
    text-decoration: none;
    color: var(--ink-soft);
    font-family: "Newsreader", serif;
    font-size: 14.5px;
    line-height: 1.35;
    padding: 6px 10px 6px 24px;
    border-radius: 8px;
    position: relative;
    transition: 0.15s; }
  .grimorium .toc a .num {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    color: var(--ink-faint);
    margin-right: 7px; }
  .grimorium .toc a:hover {
    background: var(--bg-3);
    color: var(--ink); }
  .grimorium .toc a.active {
    background: linear-gradient(90deg, var(--gc) -40%, transparent 140%);
    color: var(--ink);
    font-weight: 500; }
  .grimorium .toc a.active::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background: var(--gc);
    border-radius: 3px;
    box-shadow: 0 0 8px var(--gc); }
  .grimorium .topbar {
    display: none; }
  .grimorium .scrim {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s; }
  .grimorium .scrim.show {
    opacity: 1;
    visibility: visible; }
  .grimorium .main {
    min-width: 0;
    padding: 0 clamp(20px, 5vw, 80px);
    background: transparent;
    display: block; }
  .grimorium .content {
    max-width: 920px;
    margin: 0 auto;
    padding-bottom: 120px; }
  .grimorium .hero {
    position: relative;
    padding: 88px 0 60px;
    border-bottom: 1px solid var(--line);
    overflow: hidden; }
  .grimorium .hero-motif {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.5;
    pointer-events: none; }
  .grimorium[data-theme="light"] .hero-motif {
    opacity: 0.5; }
  .grimorium[data-theme="light"] .hero-motif g[stroke] {
    stroke-opacity: 1; }
  .grimorium[data-theme="light"] .hero-motif g[stroke] line {
    stroke: #241b63;
    stroke-opacity: 1;
    stroke-width: 1.8; }
  .grimorium[data-theme="light"] .hero-motif g[fill] circle {
    fill: #1d1556;
    fill-opacity: 1; }
  .grimorium .hero-inner {
    position: relative;
    z-index: 1;
    max-width: var(--maxread); }
  .grimorium .hero .kicker {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px; }
  .grimorium .hero .kicker::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, var(--gold), transparent); }
  .grimorium .hero h1 {
    font-family: "Fraunces";
    font-optical-sizing: auto;
    font-weight: 900;
    font-size: clamp(40px, 7vw, 76px);
    line-height: 0.98;
    letter-spacing: -0.015em;
    margin-bottom: 26px; }
  .grimorium .hero h1 em {
    font-style: italic;
    font-weight: 500;
    color: var(--gold); }
  .grimorium .hero .abstract {
    font-size: 21px;
    line-height: 1.62;
    color: var(--ink-soft);
    max-width: 660px; }
  .grimorium .hero .abstract strong {
    color: var(--ink);
    font-weight: 600; }
  .grimorium .hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
    margin-top: 34px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--ink-faint); }
  .grimorium .hero-meta b {
    color: var(--accent);
    font-weight: 600; }
  .grimorium .section {
    padding: 62px 0 8px;
    scroll-margin-top: 24px; }
  .grimorium .part-divider {
    padding: 78px 0 10px;
    scroll-margin-top: 24px; }
  .grimorium .part-divider .pnum {
    font-family: "IBM Plex Mono", monospace;
    font-size: 13px;
    letter-spacing: 4px;
    color: var(--accent);
    text-transform: uppercase; }
  .grimorium .part-divider h2 {
    font-family: "Fraunces";
    font-weight: 700;
    font-size: clamp(30px, 4.5vw, 46px);
    line-height: 1.04;
    margin: 16px 0 18px;
    letter-spacing: -0.01em;
    max-width: 760px; }
  .grimorium .part-divider .pdesc {
    font-size: 18.5px;
    color: var(--ink-soft);
    max-width: 640px; }
  .grimorium .part-divider .rule {
    height: 2px;
    width: 84px;
    background: var(--accent);
    margin-top: 30px;
    border-radius: 2px;
    box-shadow: 0 0 14px -2px var(--accent); }
  .grimorium .eyebrow {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11.5px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px; }
  .grimorium .eyebrow .ix {
    color: var(--ink-faint); }
  .grimorium h3.htitle {
    font-family: "Fraunces";
    font-weight: 600;
    font-size: clamp(25px, 3.4vw, 34px);
    line-height: 1.1;
    letter-spacing: -0.01em;
    margin-bottom: 18px;
    max-width: 760px; }
  .grimorium h4 {
    font-family: "Fraunces";
    font-weight: 600;
    font-size: 21px;
    margin: 30px 0 10px;
    color: var(--ink); }
  .grimorium .section p, .grimorium .part-divider p {
    max-width: var(--maxread);
    margin-bottom: 17px;
    color: var(--ink-soft); }
  .grimorium .section p strong, .grimorium .callout p strong {
    color: var(--ink);
    font-weight: 600; }
  .grimorium .section em {
    font-style: italic;
    color: var(--ink); }
  .grimorium .lead {
    font-size: 20px !important;
    line-height: 1.6;
    color: var(--ink) !important; }
  .grimorium .section ul.prose, .grimorium .section ol.prose {
    max-width: var(--maxread);
    margin: 0 0 18px;
    padding-left: 4px;
    list-style: none; }
  .grimorium .section ul.prose li, .grimorium .section ol.prose li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    color: var(--ink-soft); }
  .grimorium .section ul.prose li::before {
    content: "◆";
    position: absolute;
    left: 2px;
    top: 1px;
    color: var(--accent);
    font-size: 11px; }
  .grimorium .section ol.prose {
    counter-reset: li; }
  .grimorium .section ol.prose li {
    counter-increment: li; }
  .grimorium .section ol.prose li::before {
    content: counter(li);
    position: absolute;
    left: 0;
    top: 2px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    color: var(--accent);
    font-weight: 600; }
  .grimorium .lnk {
    color: var(--accent);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-soft);
    transition: 0.15s; }
  .grimorium .lnk:hover {
    border-bottom-color: var(--accent); }
  .grimorium .menu-head {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 34px 0 16px;
    flex-wrap: wrap; }
  .grimorium .menu-head .ml {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    background: var(--accent-soft);
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid var(--accent-soft); }
  .grimorium .menu-head .mt {
    font-family: "Fraunces";
    font-weight: 600;
    font-size: 19px;
    color: var(--ink); }
  .grimorium .options {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 14px;
    margin: 6px 0 12px; }
  .grimorium .option {
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-left: 3px solid var(--accent);
    border-radius: 12px;
    padding: 16px 17px 17px;
    backdrop-filter: blur(4px);
    transition: 0.18s;
    position: relative; }
  .grimorium .option:hover {
    border-color: var(--line-strong);
    border-left-color: var(--accent);
    transform: translateY(-2px);
    box-shadow: var(--shadow); }
  .grimorium .option .ocode {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: 1.5px;
    color: var(--ink-faint);
    text-transform: uppercase; }
  .grimorium .option .oname {
    font-family: "Fraunces";
    font-weight: 600;
    font-size: 18.5px;
    line-height: 1.18;
    margin: 5px 0 8px;
    color: var(--ink); }
  .grimorium .option .odesc {
    font-size: 15px;
    line-height: 1.55;
    color: var(--ink-soft);
    margin-bottom: 10px; }
  .grimorium .option .oeg {
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--ink-faint);
    font-style: italic;
    border-top: 1px dashed var(--line);
    padding-top: 9px; }
  .grimorium .option .oeg b {
    color: var(--accent);
    font-style: normal;
    font-weight: 600;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px; }
  .grimorium .callout {
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 22px 24px;
    margin: 24px 0;
    max-width: var(--maxread);
    position: relative;
    overflow: hidden; }
  .grimorium .callout::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--accent); }
  .grimorium .callout .ctag {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    font-weight: 600;
    margin-bottom: 8px;
    display: block; }
  .grimorium .callout h4 {
    margin: 0 0 8px;
    font-size: 20px; }
  .grimorium .callout p {
    margin-bottom: 10px; }
  .grimorium .callout p:last-child {
    margin-bottom: 0; }
  .grimorium .callout.warn {
    --accent: #ff7a93; }
  .grimorium .callout.law {
    --accent: var(--gold); }
  .grimorium .fiches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 16px;
    margin: 18px 0; }
  .grimorium .fiche {
    background: var(--bg-card-solid);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 20px 20px 18px;
    transition: 0.18s;
    border-top: 3px solid var(--accent); }
  .grimorium .fiche:hover {
    box-shadow: var(--shadow);
    transform: translateY(-2px); }
  .grimorium .fiche .fname {
    font-family: "Fraunces";
    font-weight: 700;
    font-size: 23px;
    color: var(--ink);
    line-height: 1.05; }
  .grimorium .fiche .falias {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 1px;
    color: var(--ink-faint);
    text-transform: uppercase;
    margin: 4px 0 13px; }
  .grimorium .fiche .frow {
    display: flex;
    gap: 10px;
    font-size: 14px;
    padding: 6px 0;
    border-top: 1px solid var(--line);
    line-height: 1.45; }
  .grimorium .fiche .frow .fk {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--accent);
    min-width: 74px;
    flex: none;
    padding-top: 3px;
    font-weight: 600; }
  .grimorium .fiche .frow .fv {
    color: var(--ink-soft); }
  .grimorium .fiche .fone {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid var(--line);
    font-style: italic;
    color: var(--ink);
    font-size: 14.5px;
    line-height: 1.5; }
  .grimorium .matrix-wrap {
    overflow-x: auto;
    margin: 20px 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    -webkit-overflow-scrolling: touch; }
  .grimorium table.matrix {
    border-collapse: collapse;
    width: 100%;
    min-width: 560px;
    font-size: 14.5px; }
  .grimorium table.matrix th, .grimorium table.matrix td {
    text-align: left;
    padding: 12px 15px;
    border-bottom: 1px solid var(--line);
    vertical-align: top; }
  .grimorium table.matrix thead th {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--accent);
    background: var(--bg-3);
    font-weight: 600; }
  .grimorium table.matrix tbody tr:last-child td {
    border-bottom: none; }
  .grimorium table.matrix tbody tr:hover {
    background: var(--accent-soft); }
  .grimorium table.matrix td:first-child {
    font-family: "Fraunces";
    font-weight: 600;
    color: var(--ink);
    font-size: 15.5px; }
  .grimorium table.matrix td {
    color: var(--ink-soft); }
  .grimorium .pillrow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 6px;
    max-width: var(--maxread); }
  .grimorium .pill {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: var(--ink-soft);
    background: var(--bg-3);
    border: 1px solid var(--line);
    padding: 6px 12px;
    border-radius: 999px; }
  .grimorium .pill b {
    color: var(--accent);
    font-weight: 600; }
  .grimorium footer {
    border-top: 1px solid var(--line);
    margin-top: 60px;
    padding: 40px 0 30px;
    max-width: var(--maxread);
    color: var(--ink-faint);
    font-size: 14px; }
  .grimorium footer b {
    color: var(--ink-soft); }
  .grimorium footer a {
    color: var(--accent);
    text-decoration: none; }
  .grimorium .reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s ease; }
  .grimorium .reveal.in {
    opacity: 1;
    transform: none; }
  @media (prefers-reduced-motion: reduce) {
    .grimorium .reveal {
      opacity: 1;
      transform: none;
      transition: none; } }
  .grimorium .enddoc {
    margin: 80px 0 30px;
    padding: 50px 20px 20px;
    text-align: center;
    border-top: 1px solid var(--line); }
  .grimorium .enddoc .endmark {
    font-size: 30px;
    color: var(--c-pre);
    text-shadow: 0 0 22px rgba(217, 178, 90, 0.4);
    margin-bottom: 14px; }
  .grimorium .enddoc .endtitle {
    font-family: "Fraunces";
    font-weight: 600;
    font-size: 25px;
    color: var(--ink);
    margin: 0; }
  .grimorium .enddoc .endsub {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-top: 10px; }
  @media (max-width: 980px) {
    .grimorium .layout {
      grid-template-columns: 1fr; }
    .grimorium .sidebar {
      position: fixed;
      z-index: 10000;
      width: 300px;
      max-width: 86vw;
      left: 0;
      top: 0;
      height: 100vh;
      transform: translateX(-105%);
      transition: transform 0.28s ease;
      box-shadow: 0 0 60px rgba(0, 0, 0, 0.6); }
    .grimorium .sidebar.open {
      transform: none; }
    .grimorium .topbar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 14px;
      position: sticky;
      top: 50px;
      z-index: 44;
      padding: 11px 16px;
      background: var(--bg-2);
      border-bottom: 1px solid var(--line); }
    .grimorium .topbar .tb-glyph {
      font-family: "Fraunces";
      font-weight: 900;
      font-size: 18px; }
    .grimorium .topbar .tb-glyph span {
      color: var(--gold); }
    .grimorium .menu-btn {
      position: fixed;
      top: calc(50px + 7px);
      right: 12px;
      z-index: 9997;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--bg-3);
      border: 1px solid var(--line-strong);
      color: var(--ink);
      padding: 8px 13px;
      border-radius: 9px;
      font-family: "IBM Plex Mono", monospace;
      font-size: 12px;
      letter-spacing: 1px;
      cursor: pointer;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); }
    .grimorium .menu-btn svg {
      width: 15px;
      height: 15px; }
    .grimorium .grim-progress {
      top: 50px; }
    .grimorium .hero {
      padding: 46px 0 40px; }
    .grimorium {
      font-size: 17px; } }
  @media (max-width: 560px) {
    .grimorium .options, .grimorium .fiches {
      grid-template-columns: 1fr; }
    .grimorium .main {
      padding: 0 20px; }
    .grimorium .hero h1 {
      font-size: 38px; }
    .grimorium {
      font-size: 16.5px; } }

body#grimorium {
  margin: 0;
  background: var(--jdc-bg); }
  body#grimorium > header {
    background-color: var(--jdc-header-bg);
    border-top: 3px solid #018df0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 2px 12px rgba(0, 0, 0, 0.45);
    color: var(--jdc-text-soft); }
    body#grimorium > header svg {
      fill: var(--jdc-text-soft); }
    body#grimorium > header .wrapper form input {
      background-color: var(--jdc-surface);
      color: var(--jdc-text);
      border: 1px solid var(--jdc-border) !important; }
      body#grimorium > header .wrapper form input::placeholder {
        color: var(--jdc-text-faint); }
    body#grimorium > header .wrapper .help, body#grimorium > header .wrapper .external_menu {
      color: var(--jdc-text-soft); }
      body#grimorium > header .wrapper .help:hover, body#grimorium > header .wrapper .external_menu:hover {
        color: var(--jdc-text); }
    body#grimorium > header .wrapper .center .profile .profile-me {
      color: var(--jdc-text-soft); }
    body#grimorium > header .wrapper .active {
      background-color: var(--jdc-accent-soft) !important;
      color: var(--jdc-text) !important; }
    body#grimorium > header .wrapper .signin button {
      background-color: #018df0;
      border-color: #018df0 !important;
      color: #fff;
      box-shadow: none; }
  body#grimorium > main.grimorium-navhost {
    display: block !important;
    background: transparent !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important; }
    body#grimorium > main.grimorium-navhost > nav {
      position: fixed !important;
      top: 50px;
      left: -360px;
      height: calc(100vh - 50px);
      z-index: 9998;
      overflow-y: auto;
      transition: left 0.3s ease; }
    body#grimorium > main.grimorium-navhost > nav.active {
      left: 0; }
  body#grimorium .grimorium {
    width: 100%;
    padding-top: 50px; }
    body#grimorium .grimorium .sidebar {
      top: 92px;
      height: calc(100vh - 92px); }
    body#grimorium .grimorium .toolbar {
      display: none; }

.grimorium .option.selectable {
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: border-color 0.15s, background 0.15s, transform 0.15s, box-shadow 0.15s; }
  .grimorium .option.selectable:hover {
    border-color: var(--accent);
    transform: translateY(-2px); }
  .grimorium .option.selectable:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px; }
.grimorium .option.chosen {
  border-color: var(--accent);
  background: var(--accent-soft);
  box-shadow: 0 0 0 1px var(--accent) inset, var(--shadow); }
  .grimorium .option.chosen::after {
    content: "✓";
    position: absolute;
    top: 10px;
    right: 12px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    color: var(--bg);
    background: var(--accent); }
.grimorium .grim-progress {
  position: sticky;
  top: 50px;
  z-index: 45;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  background: var(--bg-2);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line); }
  .grimorium .grim-progress .gp-track {
    flex: 1 1 auto;
    height: 8px;
    border-radius: 999px;
    background: var(--bg-3);
    overflow: hidden; }
  .grimorium .grim-progress .gp-fill {
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gold), var(--accent));
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  .grimorium .grim-progress .gp-meta {
    flex: 0 0 auto;
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--ink-soft);
    white-space: nowrap; }
  .grimorium .grim-progress .gp-x {
    color: var(--gold);
    font-weight: 600; }
  .grimorium .grim-progress .gp-nav {
    flex: 0 0 auto;
    display: flex;
    gap: 5px; }
  .grimorium .grim-progress .gp-nav button {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    border: 1px solid var(--line-strong);
    background: var(--bg-3);
    color: var(--ink-soft);
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    transition: color 0.15s, border-color 0.15s; }
    .grimorium .grim-progress .gp-nav button:hover {
      color: var(--ink);
      border-color: var(--accent); }
  .grimorium .grim-progress .gp-reset {
    margin-left: 5px;
    border-left-width: 1px;
    font-size: 14px !important; }
    .grimorium .grim-progress .gp-reset:hover {
      color: #ff9b9b !important;
      border-color: #ff6b6b !important; }
  .grimorium .grim-progress .gp-theme {
    font-size: 14px !important; }
.grimorium .grim-recapzone {
  max-width: var(--maxread);
  margin: 48px 0 90px;
  text-align: center; }
.grimorium .grim-recapbtn {
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: var(--bg);
  background: linear-gradient(90deg, var(--gold), var(--accent));
  border: none;
  border-radius: 999px;
  padding: 14px 26px;
  cursor: pointer;
  box-shadow: 0 8px 28px -10px rgba(0, 0, 0, 0.6);
  transition: transform 0.15s, box-shadow 0.15s; }
  .grimorium .grim-recapbtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 34px -10px rgba(0, 0, 0, 0.7); }
.grimorium .grim-recap {
  display: none;
  text-align: left;
  margin: 22px auto 0;
  max-width: var(--maxread);
  background: var(--bg-card-solid);
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: var(--shadow); }
  .grimorium .grim-recap.open {
    display: block; }
  .grimorium .grim-recap .gr-empty {
    color: var(--ink-faint);
    font-style: italic;
    margin: 0; }
  .grimorium .grim-recap .gr-title {
    font-family: "Fraunces", serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--ink);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line); }
  .grimorium .grim-recap .gr-sec {
    margin: 0 0 18px; }
    .grimorium .grim-recap .gr-sec h4 {
      font-family: "Fraunces", serif;
      font-size: 16px;
      color: var(--gold);
      margin: 0 0 8px;
      padding-bottom: 6px;
      border-bottom: 1px solid var(--line); }
  .grimorium .grim-recap .gr-menu {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--accent);
    margin: 10px 0 4px; }
  .grimorium .grim-recap ul {
    list-style: none;
    margin: 0 0 6px;
    padding: 0; }
    .grimorium .grim-recap ul li {
      padding: 7px 0;
      border-bottom: 1px dashed var(--line); }
      .grimorium .grim-recap ul li b {
        color: var(--ink); }
      .grimorium .grim-recap ul li span {
        display: block;
        font-size: 13.5px;
        color: var(--ink-soft);
        margin-top: 2px; }
  .grimorium .grim-recap .gr-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--line); }
  .grimorium .grim-recap .gr-copy, .grimorium .grim-recap .gr-clear, .grimorium .grim-recap .gr-print {
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    border-radius: 9px;
    padding: 9px 16px;
    border: 1px solid var(--line-strong);
    background: var(--bg-3);
    color: var(--ink-soft); }
    .grimorium .grim-recap .gr-copy:hover, .grimorium .grim-recap .gr-clear:hover, .grimorium .grim-recap .gr-print:hover {
      color: var(--ink);
      border-color: var(--accent); }

@media print {
  body#grimorium.grim-printing {
    background: #fff !important; }
    body#grimorium.grim-printing * {
      visibility: hidden !important;
      box-shadow: none !important;
      text-shadow: none !important; }
    body#grimorium.grim-printing .grim-recap, body#grimorium.grim-printing .grim-recap * {
      visibility: visible !important;
      color: #000 !important;
      background: transparent !important;
      border-color: #000 !important; }
    body#grimorium.grim-printing .grim-recap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      border: none;
      background: #fff !important; }
    body#grimorium.grim-printing .grim-recap .gr-actions {
      display: none !important; } }
body#grimorium-index .grimorium-intro {
  color: #4a4860;
  max-width: 640px;
  margin: 0 0 26px;
  line-height: 1.6; }
body#grimorium-index .grimorium-catalog {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px; }
body#grimorium-index .gc-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  padding: 22px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  color: #111827;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; }
  body#grimorium-index .gc-card:hover {
    border-color: #b69cff;
    box-shadow: 0 8px 24px -10px rgba(17, 24, 39, 0.25);
    transform: translateY(-2px); }
body#grimorium-index .gc-glyph {
  font-size: 22px;
  color: #b48a2a; }
body#grimorium-index .gc-title {
  font-weight: 700;
  font-size: 17px;
  line-height: 1.3; }
body#grimorium-index .gc-tag {
  font-size: 13.5px;
  color: #6b7280; }
body#grimorium-index .gc-prog {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px; }
body#grimorium-index .gc-prog-track {
  flex: 1;
  height: 5px;
  border-radius: 999px;
  background: #eceaf3;
  overflow: hidden; }
body#grimorium-index .gc-prog-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9b25a, #b69cff);
  transition: width 0.4s ease; }
body#grimorium-index .gc-prog-lbl {
  font-size: 11px;
  color: #9aa0aa;
  white-space: nowrap; }
body#grimorium-index .gc-card.gc-started {
  border-color: #d8cdf5; }
  body#grimorium-index .gc-card.gc-started .gc-prog-lbl {
    color: #6b5bb0;
    font-weight: 600; }
body#grimorium-index .grimorium-count {
  color: #6b7280;
  font-size: 13.5px;
  margin: 0 0 26px; }
  body#grimorium-index .grimorium-count b {
    color: #111827; }
body#grimorium-index .grimorium-cat {
  margin: 0 0 30px; }
body#grimorium-index .gcat-title {
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #374151;
  border: none;
  padding: 0;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 9px; }
body#grimorium-index .gcat-ico {
  font-size: 18px; }
body#grimorium-index .gc-badge {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  color: #6b7280;
  background: #f1f2f4;
  border: 1px solid #e5e7eb; }
body#grimorium-index .gc-badge.gc-on {
  color: #166534;
  background: rgba(22, 101, 52, 0.1);
  border-color: rgba(22, 101, 52, 0.3); }
body#grimorium-index .gc-card.gc-soon {
  background: #fafafb;
  border-style: dashed;
  cursor: default;
  box-shadow: none; }
  body#grimorium-index .gc-card.gc-soon .gc-title {
    color: #4b5563; }
  body#grimorium-index .gc-card.gc-soon:hover {
    border-color: #d1d5db;
    box-shadow: none;
    transform: none; }
body#grimorium-index .grimorium-progress {
  max-width: 640px;
  margin: 0 0 24px; }
body#grimorium-index .gp-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 13.5px;
  color: #6b7280;
  margin-bottom: 7px; }
body#grimorium-index .gp-count {
  font-weight: 700;
  color: #111827;
  font-size: 15px; }
body#grimorium-index .gp-started {
  color: #6b7280; }
body#grimorium-index .gp-started.gp-zero {
  color: #9aa0aa;
  font-style: italic; }
body#grimorium-index .gp-soon {
  color: #9aa0aa; }
body#grimorium-index .gp-pct {
  margin-left: auto;
  font-weight: 800;
  font-size: 16px;
  color: #b48a2a; }
body#grimorium-index .gp-theme {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  border-radius: 999px;
  padding: 4px 12px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  transition: border-color 0.15s, color 0.15s, background 0.15s; }
  body#grimorium-index .gp-theme:hover {
    border-color: #b48a2a;
    color: #111827; }
  body#grimorium-index .gp-theme .gp-theme-ico {
    font-size: 14px; }
body#grimorium-index .gp-bar {
  height: 9px;
  border-radius: 999px;
  background: #eceaf3;
  overflow: hidden; }
body#grimorium-index .gp-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9b25a, #b69cff);
  transition: width 0.4s ease; }
body#grimorium-index .gp-help {
  margin: 8px 0 0;
  font-size: 12px;
  color: #9aa0aa; }
body#grimorium-index .grimorium-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 30px; }
body#grimorium-index .gj-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
  font-size: 12.5px;
  transition: border-color 0.15s, color 0.15s, background 0.15s; }
  body#grimorium-index .gj-pill:hover {
    border-color: #b69cff;
    color: #5b3fb0;
    background: #faf8ff; }
body#grimorium-index .gj-ico {
  font-size: 14px; }
body#grimorium-index .gj-n {
  font-weight: 700;
  font-size: 11px;
  color: #9aa0aa; }
body#grimorium-index .gcat-title .gcat-n {
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: #9aa0aa;
  letter-spacing: 0; }

body#grimorium-index .grimorium-shell:not([data-theme="light"]) {
  display: block;
  background: linear-gradient(180deg, #0d1117, #0b0e14);
  border-radius: 14px;
  margin: -20px -24px 0;
  padding: 20px 24px 4px; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .grimorium-intro {
    color: #9aa0aa; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .grimorium-intro strong {
    color: #e6edf3; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gp-count {
    color: #e6edf3; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gp-theme {
    background: #161b22;
    border-color: #30363d;
    color: #c9d1d9; }
    body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gp-theme:hover {
      border-color: #b48a2a;
      color: #fff; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gp-bar, body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-prog-track {
    background: #21262d; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gj-pill {
    background: #161b22;
    border-color: #30363d;
    color: #c9d1d9; }
    body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gj-pill:hover {
      background: #1b2233;
      border-color: #6b5bb0;
      color: #d8cdf5; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gcat-title .gcat-lbl {
    color: #c9d1d9; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-card {
    background: #161b22;
    border-color: #30363d;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
    body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-card:hover {
      border-color: #6b5bb0;
      box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.7); }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-title {
    color: #e6edf3; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-tag {
    color: #9aa0aa; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-card.gc-soon {
    background: #11151f; }
    body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-card.gc-soon .gc-title {
      color: #9aa0aa; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-badge {
    background: #21262d;
    border-color: #30363d;
    color: #9aa0aa; }
  body#grimorium-index .grimorium-shell:not([data-theme="light"]) .gc-badge.gc-on {
    color: #86e3b6;
    background: rgba(90, 209, 154, 0.14);
    border-color: rgba(90, 209, 154, 0.4); }

#badges section.badges {
  margin-bottom: 70px; }
  #badges section.badges h2 {
    font-size: calc(0.9rem + 0.3vw);
    font-weight: bold;
    line-height: 1.3;
    margin: 30px 0 7px 0; }
    @media (min-width: 1200px) {
      #badges section.badges h2 {
        font-size: 1.125rem; } }
  #badges section.badges hr {
    background-color: #e5e5e5;
    height: 1px;
    border: 0;
    margin-top: 15px; }
  #badges section.badges .badge_detail {
    margin-top: 0.3em;
    padding-top: 0.7em;
    display: flex;
    align-items: center;
    justify-content: center; }
    #badges section.badges .badge_detail .badge_title {
      width: 220px;
      margin-right: 15px;
      text-align: right; }
      #badges section.badges .badge_detail .badge_title .checked {
        display: inline-block;
        vertical-align: middle;
        width: 20px; }
    #badges section.badges .badge_detail .badge_description {
      width: 530px;
      font-size: 0.8125rem;
      word-wrap: break-word; }
#badges .details_badges_type {
  margin-top: 30px; }
  #badges .details_badges_type p {
    font-size: calc(0.88125rem + 0.075vw); }
    @media (min-width: 1200px) {
      #badges .details_badges_type p {
        font-size: 0.9375rem; } }
  #badges .details_badges_type .gap {
    margin-top: 15px; }

.badge_container, .badge_tag_container {
  background-color: var(--jdc-text, #333);
  border: 1px solid #333;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 24px;
  margin: 0 3px 3px 0;
  padding: 0 6px 0 3px;
  white-space: nowrap; }

.badge_tag_container {
  background-color: var(--jdc-surface-alt, #eee);
  border: 2px solid #333;
  color: var(--jdc-text, #333) !important; }

.badge_box, .badge1, .badge2, .badge3, .badge4 {
  border-radius: 2px;
  display: inline-block;
  margin-right: 1px;
  padding: 7px;
  vertical-align: middle; }
  .badge_box .badgecount, .badge1 .badgecount, .badge2 .badgecount, .badge3 .badgecount, .badge4 .badgecount {
    font-size: 0.75rem;
    font-weight: bold;
    padding-left: 6px;
    color: var(--jdc-text, #444); }

.badge1 {
  background: #ffd0d0 none repeat scroll 0 0;
  border: 1px solid #ffb0b0; }

.badge2 {
  background: #fff8e2 none repeat scroll 0 0;
  border: 1px solid #ece3c8; }

.badge3 {
  background: #edeeef none repeat scroll 0 0;
  border: 1px solid #e0e1e3; }

.badge4 {
  background: #f9ebe1 none repeat scroll 0 0;
  border: 1px solid #f1decc; }

#charter .main_section article span {
  font-style: italic;
  width: 100%;
  display: inline-block; }

#conlanger_index ul ul {
  padding-left: 25px; }

#contact p {
  margin-bottom: 10px; }
  #contact p label {
    font-size: 0.8125rem; }
    #contact p label select, #contact p label input {
      width: 384px; }
    #contact p label textarea {
      width: 500px;
      height: 400px; }
#contact .q {
  display: none; }
#contact #message {
  font-weight: bold;
  font-size: calc(0.94375rem + 0.825vw);
  color: #00b000;
  padding: 50px; }
  @media (min-width: 1200px) {
    #contact #message {
      font-size: 1.5625rem; } }

._steps_help, .service_presentation .content .right .step1, .service_presentation .content .right .step2, .service_presentation .content .right .step3 {
  margin: 25px 0 0 25px;
  width: 125px;
  color: #6d6d6d;
  display: inline-block;
  float: left; }

.service_presentation {
  width: 100% !important;
  background-color: var(--jdc-surface, #fff);
  border: 1px solid #dfdfdf;
  font-size: calc(0.88125rem + 0.075vw);
  line-height: 1.2;
  padding: 0 !important;
  margin-top: 20px; }
  @media (min-width: 1200px) {
    .service_presentation {
      font-size: 0.9375rem; } }
  .service_presentation h2 {
    padding-left: 18px;
    font-size: calc(0.89375rem + 0.225vw); }
    @media (min-width: 1200px) {
      .service_presentation h2 {
        font-size: 1.0625rem; } }
  .service_presentation .content {
    background: url(/design/presentatio_bg.png) repeat #f0f0f0;
    border: 3px solid #fff; }
    .service_presentation .content .left {
      float: left;
      font-size: calc(0.8875rem + 0.15vw);
      margin: 20px;
      width: 200px; }
      @media (min-width: 1200px) {
        .service_presentation .content .left {
          font-size: 1rem; } }
      .service_presentation .content .left .button {
        width: 190px;
        display: inline-block;
        text-align: center; }
    .service_presentation .content .right {
      float: left;
      margin-left: 10px;
      margin-top: 20px;
      text-align: center; }
      .service_presentation .content .right .step1 span {
        color: #6d6d6d;
        font-weight: bold;
        font-size: calc(0.9rem + 0.3vw); }
        @media (min-width: 1200px) {
          .service_presentation .content .right .step1 span {
            font-size: 1.125rem; } }
      .service_presentation .content .right .step2 span {
        color: #f36f6f;
        font-weight: bold;
        font-size: calc(0.9rem + 0.3vw);
        position: relative;
        display: inline-block; }
        @media (min-width: 1200px) {
          .service_presentation .content .right .step2 span {
            font-size: 1.125rem; } }
        .service_presentation .content .right .step2 span:before {
          display: block;
          position: absolute;
          top: 0;
          width: 50%;
          content: attr(data-letter);
          overflow: hidden;
          pointer-events: none;
          color: #83b869; }
      .service_presentation .content .right .step3 span {
        color: #83b869;
        font-weight: bold;
        font-size: calc(0.9rem + 0.3vw); }
        @media (min-width: 1200px) {
          .service_presentation .content .right .step3 span {
            font-size: 1.125rem; } }

#help .block {
  margin-top: 20px; }
  #help .block li {
    margin-bottom: 10px; }
#help .ui-widget-content {
  background: rgba(136, 136, 136, 0.2) !important;
  font-size: calc(0.8875rem + 0.15vw) !important; }
  @media (min-width: 1200px) {
    #help .ui-widget-content {
      font-size: 1rem !important; } }
#help .ui-accordion .ui-accordion-header {
  font-size: calc(0.9125rem + 0.45vw) !important;
  font-weight: bold; }
  @media (min-width: 1200px) {
    #help .ui-accordion .ui-accordion-header {
      font-size: 1.25rem !important; } }
#help .ui-state-active, #help .ui-widget-content .ui-state-active, #help .ui-widget-header .ui-state-active {
  background: transparent !important;
  background-color: rgba(136, 136, 136, 0.4) !important;
  border: 1px solid rgba(136, 136, 136, 0.3) !important;
  font-size: calc(0.9125rem + 0.45vw) !important;
  font-weight: bold; }
  @media (min-width: 1200px) {
    #help .ui-state-active, #help .ui-widget-content .ui-state-active, #help .ui-widget-header .ui-state-active {
      font-size: 1.25rem !important; } }
#help .principes_fondateur ol {
  list-style-type: none;
  padding-left: 0; }
  #help .principes_fondateur ol li {
    margin-top: 20px; }
    #help .principes_fondateur ol li span {
      display: inline-block;
      width: 100%;
      font-weight: bold; }

.help_page .question_block {
  background-color: rgba(192, 192, 255, 0.5);
  border: 1px solid #9090cc;
  border-radius: 3px;
  font-size: calc(0.88125rem + 0.075vw);
  display: inline-block;
  width: 750px;
  padding: 3px;
  margin: 10px 0; }
  @media (min-width: 1200px) {
    .help_page .question_block {
      font-size: 0.9375rem; } }

#helpus .main_section article {
  margin-bottom: 40px; }
#helpus .main_section h3 {
  margin: 20px 0 10px 0; }
#helpus .main_section a {
  text-decoration: underline; }
#helpus .main_section ul {
  margin: 25px; }
  #helpus .main_section ul li {
    margin-top: 10px; }

#partners .main_section h2 {
  margin: 20px 0 10px 0; }
#partners .main_section a {
  text-decoration: underline; }
#partners .main_section ol {
  margin: 25px; }

.rep_up, .change_reputation > div .up {
  color: #33a030 !important; }

.rep_down, .change_reputation > div .down {
  color: #e97171 !important; }

#reputation #main_section article {
  font-size: 0.875rem;
  margin-bottom: 40px; }
  #reputation #main_section article .comment_reputation {
    float: left;
    padding: 10px;
    width: 415px; }

.change_reputation {
  width: 100%;
  display: inline-block; }
  .change_reputation > div {
    color: #666;
    float: left;
    font-size: 0.75rem;
    font-style: italic;
    width: 100px;
    margin: 0 10px;
    text-align: center; }
    .change_reputation > div .up {
      display: block;
      font-size: calc(0.9rem + 0.3vw);
      font-style: normal;
      margin: 10px auto; }
      @media (min-width: 1200px) {
        .change_reputation > div .up {
          font-size: 1.125rem; } }
    .change_reputation > div .down {
      display: block;
      font-size: calc(0.9rem + 0.3vw);
      font-style: normal;
      margin: 10px auto; }
      @media (min-width: 1200px) {
        .change_reputation > div .down {
          font-size: 1.125rem; } }

#tour .intro {
  text-align: center;
  margin-bottom: 20px; }
  #tour .intro p {
    margin-top: 20px; }
  #tour .intro .different {
    margin-top: 60px;
    font-size: calc(0.9rem + 0.3vw); }
    @media (min-width: 1200px) {
      #tour .intro .different {
        font-size: 1.125rem; } }
#tour .main_section hr {
  background-color: var(--jdc-surface-alt, #e0e0e0);
  border-width: 0;
  margin: 50px 0; }
#tour .main_logo {
  opacity: 0;
  transition: opacity 3s; }
#tour h2 {
  margin-bottom: 10px;
  font-size: calc(0.9625rem + 1.05vw);
  line-height: 1.3;
  color: var(--jdc-text, #222) !important;
  font-size: calc(0.9625rem + 1.05vw);
  font-weight: normal;
  margin-bottom: 1.5em !important;
  text-align: center;
  text-shadow: 0 1px 0 #fff; }
  @media (min-width: 1200px) {
    #tour h2 {
      font-size: 1.75rem; } }
  @media (min-width: 1200px) {
    #tour h2 {
      font-size: 1.75rem; } }
#tour hr {
  background-color: var(--jdc-surface-alt, #e0e0e0);
  border-width: 0;
  box-shadow: 0 1px #fff;
  clear: both;
  margin: 3em 0; }
#tour .two_block > div {
  width: 40%;
  position: relative; }
#tour .two_block_80_20 > div:last-child {
  width: 80%;
  margin-left: 10px; }
#tour .two_block_80_20 > div {
  width: 20%; }
#tour .two_block_20_80 > div:last-child {
  width: 20%; }
#tour .two_block_20_80 > div {
  width: 80%; }
#tour .arrow_down_right {
  transform: scaleY(-1); }
#tour .arrow_up_left {
  transform: scaleX(-1) scaleY(1); }
#tour .arrow_down_left {
  transform: scaleX(-1) scaleY(-1); }
#tour .arrow {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  background-image: url(/assets/tour/arrow_tour-8fbe8ee9a55ea60e2b46bb55713549d17c9535d3e6ca25208c1eb6e58e6f2d87.png);
  width: 102px;
  height: 62px;
  left: -110px; }
#tour .tour {
  border: 1px solid var(--jdc-border, #e0e0e0);
  position: relative;
  right: -200px;
  transition: right 1s; }
#tour .tour2 {
  border: 1px solid var(--jdc-border, #e0e0e0);
  position: relative;
  left: 0px;
  transition: left 1s; }
#tour .arrow1 {
  top: 100px;
  left: 300px; }
#tour .text {
  position: absolute;
  text-align: left !important; }
#tour .arrow42 {
  top: 5px;
  left: -35px; }
#tour .arrow43 {
  top: -10px;
  left: -90px; }
#tour .change_reputation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly; }
#tour .end {
  text-align: center; }
  #tour .end .space {
    margin-right: calc(1.4125rem + 6.45vw); }
    @media (min-width: 1200px) {
      #tour .end .space {
        margin-right: 6.25rem; } }
  #tour .end .min_space {
    margin-left: 15px; }
    #tour .end .min_space button {
      width: 180px; }
  #tour .end p button {
    padding: 30px 10px;
    font-weight: bold; }
  #tour .end p:last-of-type button {
    padding: 6px 10px;
    font-weight: normal; }
#tour .share_box {
  margin: -51px auto 50px auto;
  text-align: center;
  display: block;
  overflow: hidden;
  width: 290px;
  height: 40px; }
  #tour .share_box .box {
    display: block;
    float: left;
    margin: -6px 8px;
    transition: margin 0.2s; }
    #tour .share_box .box:hover {
      margin: 0 8px; }
#tour .questions p:last-of-type {
  width: 500px;
  margin: auto; }

@media screen and (max-width: 600px) {
  h2 {
    font-size: calc(0.9rem + 0.3vw) !important; } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    h2 {
      font-size: 1.125rem !important; } }

@media screen and (max-width: 600px) {
  .two_block {
    width: 100% !important; }
    .two_block > div {
      width: 100% !important;
      display: block !important; } }
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0; }
  #trumbowyg-icons svg {
    height: 0;
    width: 0; }

.trumbowyg-box {
  background-color: #fdfdfd !important; }
  .trumbowyg-box *,
  .trumbowyg-box *::before,
  .trumbowyg-box *::after {
    box-sizing: border-box; }
  .trumbowyg-box svg {
    width: 17px;
    height: 100%;
    fill: #222; }
  .trumbowyg-box button {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important; }

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  min-height: 120px;
  margin: 0 auto; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  padding: 20px;
  min-height: 120px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto; }
  .trumbowyg-editor.trumbowyg-autogrow-on-enter,
  .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
    transition: height 300ms ease-out; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }
  @media screen and (min-width: 0 \0) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal;
  font-size: 0.875rem;
  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block; }
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none; }

.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none; }

.force_display .trumbowyg-button-pane {
  display: block !important;
  visibility: visible !important; }

.trumbowyg-button-pane {
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  z-index: 11; }
  .trumbowyg-button-pane::after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d7e0e2; }
  .trumbowyg-button-pane .trumbowyg-button-group {
    display: inline-block; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
      color: transparent; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-source-button:before {
      display: block;
      width: 20px;
      height: 20px;
      content: " ";
      position: absolute;
      top: 8px;
      left: 8px;
      background: url(/design/wmd-buttons.png) no-repeat center center;
      background-position: -260px 0; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-source_beacon-button:before {
      display: block;
      width: 20px;
      height: 20px;
      content: " ";
      position: absolute;
      top: 8px;
      left: 8px;
      background: url(/design/wmd-buttons.png) no-repeat center center;
      background-position: -260px -20px; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-tag_beacon-button:before {
      display: block;
      width: 20px;
      height: 20px;
      content: " ";
      position: absolute;
      top: 8px;
      left: 8px;
      background: url(/design/wmd-buttons.png) no-repeat center center;
      background-position: -260px -40px; }
    .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
      content: " ";
      display: inline-block;
      width: 1px;
      background: #d7e0e2;
      margin: 0 5px;
      height: 35px; }
  .trumbowyg-button-pane button {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    padding: 1px 6px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    transition: background-color 150ms, opacity 150ms; }
    .trumbowyg-button-pane button.trumbowyg-textual-button {
      width: auto;
      line-height: 35px; }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default; }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: #e3e9eb; }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #FFF;
    outline: none; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important; }
    .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
      top: 17px;
      right: 7px; }
  .trumbowyg-button-pane .trumbowyg-right {
    float: right; }
    .trumbowyg-button-pane .trumbowyg-right::before {
      display: none !important; }

.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 11; }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #FFF;
    padding: 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: calc(0.88125rem + 0.075vw);
    transition: all 150ms; }
    @media (min-width: 1200px) {
      .trumbowyg-dropdown button {
        font-size: 0.9375rem; } }
    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
      background: #ecf0f1; }
    .trumbowyg-dropdown button svg {
      float: left;
      margin-right: 14px; }

/* Modal box */
.trumbowyg-modal {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 11;
  overflow: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 0.875rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  backface-visibility: hidden; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: calc(0.9375rem + 0.75vw);
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc; }
    @media (min-width: 1200px) {
      .trumbowyg-modal-box .trumbowyg-modal-title {
        font-size: 1.5rem; } }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }
    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
      background: #2BC06A;
      height: 100%;
      transition: width 150ms linear; }
  .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 29px;
    line-height: 29px;
    overflow: hidden; }
    .trumbowyg-modal-box label .trumbowyg-input-infos {
      display: block;
      text-align: left;
      height: 25px;
      line-height: 25px;
      transition: all 150ms; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span {
        display: block;
        color: #69878f;
        background-color: #fbfcfc;
        border: 1px solid #DEDEDE;
        padding: 0 7px;
        width: 150px; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
        color: #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border: 1px solid #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
      margin-top: -27px; }
    .trumbowyg-modal-box label input {
      position: absolute;
      top: 0;
      right: 0;
      height: 27px;
      line-height: 27px;
      border: 1px solid #DEDEDE;
      background: #fff;
      font-size: 0.875rem;
      max-width: 330px;
      width: 70%;
      padding: 0 7px;
      transition: all 150ms; }
      .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {
        outline: none;
        border: 1px solid #95a5a6; }
      .trumbowyg-modal-box label input:focus {
        background: #fbfcfc; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: calc(0.8875rem + 0.15vw);
    transition: all 150ms; }
    @media (min-width: 1200px) {
      .trumbowyg-modal-box .trumbowyg-modal-button {
        font-size: 1rem; } }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        background: #25a25a; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
        background: #fbfbfb;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
        background: #d5d5d5; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10; }

/**
 * Fullscreen */
.trumbowyg-body-fullscreen {
  overflow: hidden; }
  .trumbowyg-body-fullscreen .trumbowyg-editor {
    background-color: #fdfdfd !important; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor {
    border: none; }
  .trumbowyg-fullscreen .trumbowyg-editor,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto; }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important; }
  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: #222;
    fill: transparent; }

.trumbowyg-editor {
  /* lset for resetCss option */ }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%; }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto; }
  .trumbowyg-editor img {
    cursor: move; }
  .trumbowyg-editor.trumbowyg-reset-css {
    background: #FEFEFE !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.45em !important;
    white-space: normal !important;
    color: #333; }
    .trumbowyg-editor.trumbowyg-reset-css a {
      color: #15c !important;
      text-decoration: underline !important; }
    .trumbowyg-editor.trumbowyg-reset-css div,
    .trumbowyg-editor.trumbowyg-reset-css p,
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol,
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      box-shadow: none !important;
      background: none !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
      line-height: 1.4em !important;
      font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
      font-size: 0.875rem !important;
      border: none; }
    .trumbowyg-editor.trumbowyg-reset-css iframe,
    .trumbowyg-editor.trumbowyg-reset-css object,
    .trumbowyg-editor.trumbowyg-reset-css hr {
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      margin-left: 32px !important;
      font-style: italic !important;
      color: #555; }
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol {
      padding-left: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css ul ul,
    .trumbowyg-editor.trumbowyg-reset-css ol ol,
    .trumbowyg-editor.trumbowyg-reset-css ul ol,
    .trumbowyg-editor.trumbowyg-reset-css ol ul {
      border: none;
      margin: 2px !important;
      padding: 0 !important;
      padding-left: 24px !important; }
    .trumbowyg-editor.trumbowyg-reset-css hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #CCC; }
    .trumbowyg-editor.trumbowyg-reset-css h1,
    .trumbowyg-editor.trumbowyg-reset-css h2,
    .trumbowyg-editor.trumbowyg-reset-css h3,
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      color: #111;
      background: none;
      margin: 0 !important;
      padding: 0 !important;
      font-weight: bold; }
    .trumbowyg-editor.trumbowyg-reset-css h1 {
      font-size: calc(0.9875rem + 1.35vw) !important;
      line-height: 38px !important;
      margin-bottom: 20px !important; }
      @media (min-width: 1200px) {
        .trumbowyg-editor.trumbowyg-reset-css h1 {
          font-size: 2rem !important; } }
    .trumbowyg-editor.trumbowyg-reset-css h2 {
      font-size: calc(0.95rem + 0.9vw) !important;
      line-height: 34px !important;
      margin-bottom: 15px !important; }
      @media (min-width: 1200px) {
        .trumbowyg-editor.trumbowyg-reset-css h2 {
          font-size: 1.625rem !important; } }
    .trumbowyg-editor.trumbowyg-reset-css h3 {
      font-size: calc(0.925rem + 0.6vw) !important;
      line-height: 28px !important;
      margin-bottom: 7px !important; }
      @media (min-width: 1200px) {
        .trumbowyg-editor.trumbowyg-reset-css h3 {
          font-size: 1.375rem !important; } }
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      font-size: calc(0.8875rem + 0.15vw) !important;
      line-height: 22px !important;
      margin-bottom: 7px !important; }
      @media (min-width: 1200px) {
        .trumbowyg-editor.trumbowyg-reset-css h4 {
          font-size: 1rem !important; } }

/* Dark theme */
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd; }
.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
    background: #111; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    text-shadow: 0 0 7px #ccc; }
    @media screen and (min-width: 0 \0 ) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
    @supports (-ms-accelerator: true) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
  .trumbowyg-dark .trumbowyg-box svg {
    fill: #ecf0f1;
    color: #ecf0f1; }
.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane::after {
    background: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
    background-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: transparent; }
  .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
    background-color: #2a2a2a; }
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #333; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #fff; }
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent; }
.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
  .trumbowyg-dark .trumbowyg-dropdown button {
    background: #333;
    color: #fff !important; }
    .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
      background: #222; }
.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3c3c; }
  .trumbowyg-dark .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
      color: #eee;
      background-color: #2f2f2f;
      border-color: #222; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
      color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border-color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label input {
      border-color: #222;
      color: #eee;
      background: #333; }
      .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        border-color: #626262; }
      .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        background-color: #2f2f2f; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    background: #1b7943; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
      background: #25a25a; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
      background: #176437; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    background: #333;
    color: #ccc; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
      background: #444; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
      background: #111; }
.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6); }

.trumbowyg-dropdown-foreColor,
.trumbowyg-dropdown-backColor {
  width: 276px;
  padding: 7px 5px;
  z-index: 999; }
  .trumbowyg-dropdown-foreColor svg,
  .trumbowyg-dropdown-backColor svg {
    display: none !important; }
  .trumbowyg-dropdown-foreColor button,
  .trumbowyg-dropdown-backColor button {
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px; }
    .trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
    .trumbowyg-dropdown-backColor button:hover::after,
    .trumbowyg-dropdown-backColor button:focus::after {
      content: " ";
      display: block;
      position: absolute;
      top: -5px;
      left: -5px;
      height: 27px;
      width: 27px;
      background: inherit;
      border: 1px solid #FFF;
      box-shadow: #000 0 0 2px;
      z-index: 10; }

html[data-theme="dark"] .trumbowyg-box,
html[data-theme="dark"] .trumbowyg-editor {
  background: var(--jdc-surface);
  color: var(--jdc-text);
  border-color: var(--jdc-border); }
html[data-theme="dark"] .trumbowyg-editor {
  background: var(--jdc-surface);
  color: var(--jdc-text); }
html[data-theme="dark"] .trumbowyg-textarea {
  background: var(--jdc-surface);
  color: var(--jdc-text); }
html[data-theme="dark"] .trumbowyg-button-pane {
  background-color: var(--jdc-surface-alt);
  border-bottom-color: var(--jdc-border); }
  html[data-theme="dark"] .trumbowyg-button-pane::after {
    background: var(--jdc-border); }
html[data-theme="dark"] .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  color: var(--jdc-text-faint); }

.activities article {
  position: relative; }
  .activities article .stat {
    margin-top: 7px; }

#new_graphy_admin .admin_form, #new_lemme_admin .admin_form {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px; }
  #new_graphy_admin .admin_form .form_intro, #new_lemme_admin .admin_form .form_intro {
    margin: 4px 0 24px;
    line-height: 1.5;
    font-size: 0.875rem;
    color: var(--jdc-text-muted, #6b7280); }
  #new_graphy_admin .admin_form form > p, #new_graphy_admin .admin_form .fields_row > p, #new_lemme_admin .admin_form form > p, #new_lemme_admin .admin_form .fields_row > p {
    margin: 0 0 18px; }
  #new_graphy_admin .admin_form .autocomplete_field, #new_lemme_admin .admin_form .autocomplete_field {
    position: relative; }
  #new_graphy_admin .admin_form label, #new_lemme_admin .admin_form label {
    display: block;
    margin: 0 0 5px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--jdc-text-soft, #374151); }
  #new_graphy_admin .admin_form input[type="text"], #new_graphy_admin .admin_form textarea, #new_graphy_admin .admin_form select, #new_lemme_admin .admin_form input[type="text"], #new_lemme_admin .admin_form textarea, #new_lemme_admin .admin_form select {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    background: var(--jdc-surface, #ffffff);
    color: var(--jdc-text, #111827);
    font-size: 0.875rem; }
    #new_graphy_admin .admin_form input[type="text"]:focus, #new_graphy_admin .admin_form textarea:focus, #new_graphy_admin .admin_form select:focus, #new_lemme_admin .admin_form input[type="text"]:focus, #new_lemme_admin .admin_form textarea:focus, #new_lemme_admin .admin_form select:focus {
      outline: none;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.08); }
  #new_graphy_admin .admin_form textarea, #new_lemme_admin .admin_form textarea {
    resize: vertical;
    min-height: 90px; }
  #new_graphy_admin .admin_form .field_hint, #new_lemme_admin .admin_form .field_hint {
    display: block;
    margin: 5px 0 0;
    font-size: 0.75rem;
    color: var(--jdc-text-muted, #6b7280); }
  #new_graphy_admin .admin_form .errors, #new_lemme_admin .admin_form .errors {
    list-style: none;
    padding: 12px 16px;
    margin: 0 0 18px;
    border: 1px solid var(--jdc-danger, #e74c3c);
    border-left: 3px solid var(--jdc-danger, #e74c3c);
    border-radius: 8px;
    background: var(--jdc-danger-soft, rgba(231, 76, 60, 0.1));
    font-size: 0.8125rem;
    color: var(--jdc-text, #111827); }
    #new_graphy_admin .admin_form .errors li, #new_lemme_admin .admin_form .errors li {
      padding: 2px 0; }
  #new_graphy_admin .admin_form .fields_row, #new_lemme_admin .admin_form .fields_row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    #new_graphy_admin .admin_form .fields_row > p, #new_lemme_admin .admin_form .fields_row > p {
      flex: 1 1 160px; }
  #new_graphy_admin .admin_form .lemme_searcher_results, #new_lemme_admin .admin_form .lemme_searcher_results {
    position: absolute;
    z-index: 20;
    max-height: 320px;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--jdc-surface, #ffffff);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
    #new_graphy_admin .admin_form .lemme_searcher_results.hidden, #new_lemme_admin .admin_form .lemme_searcher_results.hidden {
      display: none; }
  #new_graphy_admin .admin_form .picked_choice, #new_lemme_admin .admin_form .picked_choice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(1, 141, 240, 0.08);
    font-size: 0.75rem;
    color: #018df0; }
    #new_graphy_admin .admin_form .picked_choice.hidden, #new_lemme_admin .admin_form .picked_choice.hidden {
      display: none; }
    #new_graphy_admin .admin_form .picked_choice .unpick, #new_lemme_admin .admin_form .picked_choice .unpick {
      cursor: pointer;
      font-size: 0.875rem;
      font-weight: 700; }
      #new_graphy_admin .admin_form .picked_choice .unpick:hover, #new_lemme_admin .admin_form .picked_choice .unpick:hover {
        color: var(--jdc-danger, #e5534b); }
  #new_graphy_admin .admin_form .field_checkbox label, #new_graphy_admin .admin_form .category_item, #new_lemme_admin .admin_form .field_checkbox label, #new_lemme_admin .admin_form .category_item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--jdc-text, #111827);
    cursor: pointer; }
    #new_graphy_admin .admin_form .field_checkbox label input, #new_graphy_admin .admin_form .category_item input, #new_lemme_admin .admin_form .field_checkbox label input, #new_lemme_admin .admin_form .category_item input {
      width: auto; }
  #new_graphy_admin .admin_form .categories, #new_lemme_admin .admin_form .categories {
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px; }
    #new_graphy_admin .admin_form .categories legend, #new_lemme_admin .admin_form .categories legend {
      padding: 0 6px;
      font-size: 0.8125rem;
      font-weight: 700;
      color: var(--jdc-text-soft, #374151); }
    #new_graphy_admin .admin_form .categories .categories_grid, #new_lemme_admin .admin_form .categories .categories_grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      gap: 2px 12px;
      max-height: 260px;
      overflow-y: auto; }
  #new_graphy_admin .admin_form .form_actions input[type="submit"], #new_lemme_admin .admin_form .form_actions input[type="submit"] {
    padding: 10px 26px;
    border: none;
    border-radius: 8px;
    background: #018df0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer; }
    #new_graphy_admin .admin_form .form_actions input[type="submit"]:hover, #new_lemme_admin .admin_form .form_actions input[type="submit"]:hover {
      opacity: 0.9; }

#alphabet_dictionary #words {
  column-count: 2; }
  #alphabet_dictionary #words ::marker {
    font-size: 0.8em; }

@media screen and (max-width: 500px) {
  #alphabet_dictionary #words {
    column-count: 1; }
    #alphabet_dictionary #words li {
      text-align: center; } }
.cat_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px; }

.cat_card {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 10px;
  color: var(--jdc-text, #111827);
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
  padding: 0.75rem 0.875rem; }
  .cat_card:hover {
    border-color: #018df0;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
    text-decoration: none; }

.cat_card_dot {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: hsl(var(--hue), 65%, 55%); }

.cat_card_name {
  flex: 1;
  font-size: 0.875rem; }

.cat_card_count {
  color: var(--jdc-text-muted, #6b7280);
  white-space: nowrap;
  font-size: 0.6875rem; }

.cat_show_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 18px; }

.cat_back {
  color: var(--jdc-text-muted, #6b7280);
  text-decoration: none;
  font-size: 0.8125rem; }
  .cat_back:hover {
    color: #018df0;
    text-decoration: none; }

.cat_show_count {
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.8125rem; }

.cat_words_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
  margin: 0 0 20px; }

.cat_word_chip {
  display: block;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 10px;
  color: var(--jdc-text, #111827);
  text-align: center;
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
  padding: 0.5rem 0.875rem; }
  .cat_word_chip:hover {
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }

@media screen and (max-width: 500px) {
  .cat_grid {
    grid-template-columns: 1fr; }

  .cat_words_grid {
    grid-template-columns: 1fr 1fr; } }
#category ol {
  columns: 2; }

#conlang_tool .conlang-tool-crumb {
  margin: 0 0 14px; }
  #conlang_tool .conlang-tool-crumb a {
    font-size: 0.8125rem;
    color: var(--jdc-text-muted);
    text-decoration: none; }
    #conlang_tool .conlang-tool-crumb a:hover {
      color: #018df0;
      text-decoration: underline; }
#conlang_tool .conlang-tool-status {
  margin: 0 0 18px;
  padding: 0.5rem 0.875rem;
  border: 1px solid var(--jdc-border);
  border-radius: 999px;
  background: var(--jdc-bg-subtle);
  font-size: 0.78125rem;
  color: var(--jdc-text-muted); }
  #conlang_tool .conlang-tool-status strong {
    color: var(--jdc-text); }
  #conlang_tool .conlang-tool-status a {
    color: #018df0;
    text-decoration: none; }
    #conlang_tool .conlang-tool-status a:hover {
      text-decoration: underline; }
#conlang_tool h1 {
  margin: 0 0 8px;
  font-family: "Fondamento", serif;
  font-size: calc(0.95rem + 0.9vw);
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool h1 {
      font-size: 1.625rem; } }
#conlang_tool .conlang-tool-intro {
  max-width: 680px;
  margin: 0 0 26px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--jdc-text-soft); }
#conlang_tool .conlang-tool-body {
  display: flex;
  flex-direction: column;
  gap: 20px; }
#conlang_tool .ct-panel {
  padding: calc(0.9125rem + 0.45vw) calc(0.925rem + 0.6vw);
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-panel {
      padding: 1.25rem 1.375rem; } }
  #conlang_tool .ct-panel h2 {
    margin: 0 0 6px;
    font-size: calc(0.89375rem + 0.225vw);
    font-weight: 700;
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      #conlang_tool .ct-panel h2 {
        font-size: 1.0625rem; } }
#conlang_tool .ct-panel-hint {
  margin: 0 0 14px;
  font-size: 0.78125rem;
  line-height: 1.5;
  color: var(--jdc-text-muted); }
  #conlang_tool .ct-panel-hint code {
    padding: 0.0625rem 0.3125rem;
    border-radius: 6px;
    background: var(--jdc-bg-subtle);
    font-size: 0.75rem; }
#conlang_tool .ct-table-wrap {
  overflow-x: auto; }
#conlang_tool .ct-phono-table, #conlang_tool .ct-romanisation-table {
  width: 100%;
  border-collapse: collapse; }
  #conlang_tool .ct-phono-table th, #conlang_tool .ct-phono-table td, #conlang_tool .ct-romanisation-table th, #conlang_tool .ct-romanisation-table td {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid var(--jdc-border);
    text-align: left;
    vertical-align: middle; }
  #conlang_tool .ct-phono-table th, #conlang_tool .ct-romanisation-table th {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--jdc-text-muted);
    white-space: nowrap; }
#conlang_tool .ct-phoneme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 2px 4px 2px 0;
  padding: 0 0.5rem;
  font-size: calc(0.88125rem + 0.075vw);
  font-family: "Lato", sans-serif;
  color: var(--jdc-text-soft);
  background: var(--jdc-bg-subtle);
  border: 1px solid var(--jdc-border);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-phoneme {
      font-size: 0.9375rem; } }
  #conlang_tool .ct-phoneme:hover {
    border-color: rgba(1, 141, 240, 0.16); }
  #conlang_tool .ct-phoneme.active {
    background: rgba(1, 141, 240, 0.08);
    border-color: #018df0;
    color: #018df0;
    font-weight: 700; }
#conlang_tool .ct-romanisation-table input, #conlang_tool input[data-lexique-sens] {
  width: 100%;
  max-width: 160px; }
#conlang_tool .ct-phoneme-cell {
  font-size: calc(0.8875rem + 0.15vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-phoneme-cell {
      font-size: 1rem; } }
#conlang_tool .ct-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }
#conlang_tool .ct-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-soft);
  background: var(--jdc-bg-subtle);
  border: 1px solid var(--jdc-border);
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-chip input {
    margin: 0 6px 0 0; }
  #conlang_tool .ct-chip:has(input:checked) {
    background: rgba(1, 141, 240, 0.08);
    border-color: #018df0;
    color: #018df0; }
#conlang_tool .ct-preview, #conlang_tool .ct-word-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 4px; }
#conlang_tool .ct-syl-chip {
  display: inline-flex;
  padding: 0.3125rem 0.75rem;
  font-size: 0.875rem;
  color: var(--jdc-text);
  background: var(--jdc-bg-subtle);
  border: 1px dashed var(--jdc-border-strong);
  border-radius: 8px; }
#conlang_tool .ct-word-chip {
  padding: 0.4375rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--jdc-text);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-word-chip:hover {
    border-color: rgba(1, 141, 240, 0.16);
    background: rgba(1, 141, 240, 0.08); }
  #conlang_tool .ct-word-chip.ct-word-chip--added {
    color: var(--jdc-text-faint);
    background: var(--jdc-bg-subtle);
    border-style: dashed;
    cursor: default; }
    #conlang_tool .ct-word-chip.ct-word-chip--added:hover {
      background: var(--jdc-bg-subtle);
      border-color: var(--jdc-border); }
#conlang_tool .ct-word-list--names .ct-word-chip {
  font-family: "Fondamento", serif;
  font-size: calc(0.88125rem + 0.075vw); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-word-list--names .ct-word-chip {
      font-size: 0.9375rem; } }
#conlang_tool .ct-form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 20px;
  margin: 0 0 14px; }
  #conlang_tool .ct-form-row:last-child {
    margin-bottom: 0; }
  #conlang_tool .ct-form-row label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.78125rem;
    font-weight: 600;
    color: var(--jdc-text-muted); }
  #conlang_tool .ct-form-row input[type="text"], #conlang_tool .ct-form-row input[type="number"], #conlang_tool .ct-form-row select, #conlang_tool .ct-form-row textarea {
    padding: 0.4375rem 0.625rem;
    font-size: 0.84375rem;
    color: var(--jdc-text);
    background: var(--jdc-surface);
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
    #conlang_tool .ct-form-row input[type="text"]:focus, #conlang_tool .ct-form-row input[type="number"]:focus, #conlang_tool .ct-form-row select:focus, #conlang_tool .ct-form-row textarea:focus {
      border-color: #018df0; }
  #conlang_tool .ct-form-row input[type="number"] {
    width: 80px; }
  #conlang_tool .ct-form-row input[type="checkbox"] {
    margin-right: 6px; }
#conlang_tool .ct-form-row--stack {
  align-items: stretch; }
  #conlang_tool .ct-form-row--stack label {
    flex: 1 1 200px; }
  #conlang_tool .ct-form-row--stack textarea {
    min-height: 90px; }
#conlang_tool .ct-block-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 4px;
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--jdc-text-muted); }
  #conlang_tool .ct-block-label textarea {
    padding: 0.5625rem 0.75rem;
    font-size: 0.875rem;
    font-family: "Lato", sans-serif;
    color: var(--jdc-text);
    background: var(--jdc-surface);
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
    #conlang_tool .ct-block-label textarea:focus {
      border-color: #018df0; }
#conlang_tool .ct-weights {
  display: flex;
  flex-direction: column;
  gap: 10px; }
#conlang_tool .ct-weight-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--jdc-text-soft); }
  #conlang_tool .ct-weight-row input[type="range"] {
    flex: 1 1 auto;
    accent-color: #018df0; }
#conlang_tool .ct-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px; }
#conlang_tool .ct-actions--top {
  margin: 0 0 14px; }
#conlang_tool .ct-btn-sm {
  padding: 0.1875rem 0.5625rem !important;
  font-size: 0.71875rem !important;
  line-height: 1.2; }
#conlang_tool .ct-lexique-table, #conlang_tool .ct-paradigm-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px; }
  #conlang_tool .ct-lexique-table th, #conlang_tool .ct-lexique-table td, #conlang_tool .ct-paradigm-table th, #conlang_tool .ct-paradigm-table td {
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid var(--jdc-border);
    text-align: left; }
  #conlang_tool .ct-lexique-table th, #conlang_tool .ct-paradigm-table th {
    font-size: 0.71875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--jdc-text-muted); }
  #conlang_tool .ct-lexique-table input[type="text"], #conlang_tool .ct-paradigm-table input[type="text"] {
    width: 100%; }
#conlang_tool .ct-result {
  font-size: 0.875rem;
  font-family: "Fondamento", serif;
  color: #018df0; }
#conlang_tool .ct-glyph-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 14px; }
#conlang_tool .ct-glyph-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0.625rem;
  border: 1px solid var(--jdc-border);
  border-radius: 8px;
  background: var(--jdc-bg-subtle);
  text-align: center; }
#conlang_tool .ct-glyph-label {
  font-size: calc(0.8875rem + 0.15vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-glyph-label {
      font-size: 1rem; } }
#conlang_tool .ct-glyph-canvas {
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid var(--jdc-border-strong);
  border-radius: 6px;
  cursor: crosshair;
  touch-action: none; }
#conlang_tool .ct-glyph-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px; }
  #conlang_tool .ct-glyph-tools button.active {
    background: rgba(1, 141, 240, 0.08) !important;
    border-color: #018df0 !important;
    color: #018df0 !important; }
#conlang_tool .ct-transcription-out {
  margin-top: 14px;
  padding: 0.875rem;
  min-height: 60px;
  border: 1px dashed var(--jdc-border-strong);
  border-radius: 8px;
  background: var(--jdc-bg-subtle); }
#conlang_tool .ct-transcribed-word {
  display: inline-flex;
  align-items: center;
  margin: 0 10px 8px 0; }
#conlang_tool .ct-glyph-img {
  width: 28px;
  height: 28px;
  margin-right: 1px;
  image-rendering: pixelated; }
#conlang_tool .ct-glyph-missing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: calc(0.88125rem + 0.075vw);
  color: var(--jdc-text-faint);
  border: 1px dashed var(--jdc-border);
  border-radius: 6px; }
  @media (min-width: 1200px) {
    #conlang_tool .ct-glyph-missing {
      font-size: 0.9375rem; } }
#conlang_tool .ct-roman-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 0.375rem 0;
  border-bottom: 1px dashed var(--jdc-border); }
  #conlang_tool .ct-roman-line:last-child {
    border-bottom: none; }
#conlang_tool .ct-roman-latin {
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-roman-latin {
      font-size: 0.9375rem; } }
#conlang_tool .ct-roman-api {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted); }
#conlang_tool .ct-rules-input {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: 0.84375rem;
  font-family: monospace;
  color: var(--jdc-text);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 8px; }
  #conlang_tool .ct-rules-input:focus {
    border-color: #018df0; }
#conlang_tool .ct-evolve-out {
  display: flex;
  flex-direction: column;
  gap: 8px; }
#conlang_tool .ct-evolve-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0.375rem 0;
  font-size: 0.875rem; }
#conlang_tool .ct-evolve-step {
  padding: 0.25rem 0.625rem;
  color: var(--jdc-text-soft);
  background: var(--jdc-bg-subtle);
  border-radius: 8px; }
#conlang_tool .ct-evolve-step--first {
  font-weight: 700;
  color: var(--jdc-text); }
#conlang_tool .ct-evolve-arrow {
  color: var(--jdc-text-faint); }
#conlang_tool .ct-export-section {
  margin: 0 0 20px; }
  #conlang_tool .ct-export-section:last-child {
    margin-bottom: 0; }
  #conlang_tool .ct-export-section h3 {
    margin: 0 0 8px;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--jdc-text-muted); }
#conlang_tool .ct-export-body {
  font-size: 0.84375rem;
  line-height: 1.6;
  color: var(--jdc-text-soft); }
#conlang_tool .ct-export-table {
  width: 100%;
  border-collapse: collapse; }
  #conlang_tool .ct-export-table th, #conlang_tool .ct-export-table td {
    padding: 0.3125rem 0.5rem;
    border-bottom: 1px solid var(--jdc-border);
    text-align: left; }
  #conlang_tool .ct-export-table th {
    font-size: 0.71875rem;
    color: var(--jdc-text-muted); }
@media screen and (max-width: 640px) {
  #conlang_tool .ct-form-row {
    flex-direction: column;
    align-items: stretch; }
  #conlang_tool .ct-glyph-grid {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); } }

@media print {
  #conlang_tool .conlang-tool-crumb, #conlang_tool .conlang-tool-status, #conlang_tool .ct-panel--noprint {
    display: none !important; }
  #conlang_tool .ct-panel {
    border: none;
    box-shadow: none;
    padding: 0; }
  #conlang_tool .ct-export-section {
    break-inside: avoid; } }
#conlang_tool .ct-chip-example {
  margin-left: 4px;
  font-size: 0.6875rem;
  font-style: italic;
  font-weight: 400;
  color: var(--jdc-text-faint); }
#conlang_tool .ct-syl-sep {
  font-size: 0.8125rem;
  color: var(--jdc-text-faint); }
#conlang_tool .ct-phoneme-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 2px 4px 6px 0;
  vertical-align: top; }
  #conlang_tool .ct-phoneme-item .ct-phoneme {
    margin: 0; }
#conlang_tool .ct-phoneme-example {
  font-size: 0.65625rem;
  line-height: 1;
  color: var(--jdc-text-faint);
  white-space: nowrap; }
#conlang_tool .ct-phoneme-speak {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0.6875rem;
  line-height: 1;
  color: var(--jdc-text-muted);
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-phoneme-speak:hover, #conlang_tool .ct-phoneme-speak:focus {
    color: #018df0; }
#conlang_tool .ct-phoneme-item:hover .ct-phoneme-speak, #conlang_tool .ct-phoneme-item:focus-within .ct-phoneme-speak {
  opacity: 1; }

#conlang_tool [hidden] {
  display: none !important; }
#conlang_tool .ct-mp-summary {
  margin: 0;
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: var(--jdc-text-soft);
  background: var(--jdc-bg-subtle);
  border-radius: 8px; }
#conlang_tool .ct-chipedit {
  margin: 0 0 18px; }
  #conlang_tool .ct-chipedit:last-child {
    margin-bottom: 0; }
#conlang_tool .ct-chip--removable {
  padding: 0.375rem 0.5rem 0.375rem 0.875rem;
  gap: 8px; }
#conlang_tool .ct-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 0.625rem;
  color: var(--jdc-text-faint);
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer; }
  #conlang_tool .ct-chip-remove:hover {
    color: #fff;
    background: #018df0; }
#conlang_tool .ct-chip-add {
  display: flex;
  gap: 8px;
  margin-top: 8px; }
  #conlang_tool .ct-chip-add input[type="text"] {
    flex: 1 1 160px;
    max-width: 220px; }
#conlang_tool .ct-word-list--names .ct-word-chip {
  display: inline-flex;
  align-items: center; }
#conlang_tool .ct-word-chip-text {
  margin-right: 8px; }
#conlang_tool .ct-word-chip-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--jdc-text-muted);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 50%;
  cursor: pointer; }
  #conlang_tool .ct-word-chip-add:hover {
    color: #fff;
    background: #018df0;
    border-color: #018df0; }
#conlang_tool .ct-word-chip--added .ct-word-chip-add {
  display: none; }
#conlang_tool .ct-rule-fail {
  margin: 10px 0 0;
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: var(--jdc-warning);
  background: var(--jdc-bg-subtle);
  border: 1px solid var(--jdc-warning);
  border-radius: 8px; }
#conlang_tool .ct-intro-box {
  max-width: 720px;
  margin: 0 0 22px;
  padding: calc(0.8875rem + 0.15vw) calc(0.9125rem + 0.45vw);
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: rgba(1, 141, 240, 0.08);
  font-size: 0.84375rem;
  line-height: 1.6;
  color: var(--jdc-text-soft); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-intro-box {
      padding: 1rem 1.25rem; } }
  #conlang_tool .ct-intro-box h2 {
    margin: 0 0 8px;
    font-size: calc(0.88125rem + 0.075vw);
    font-weight: 700;
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      #conlang_tool .ct-intro-box h2 {
        font-size: 0.9375rem; } }
  #conlang_tool .ct-intro-box p {
    margin: 0 0 8px; }
    #conlang_tool .ct-intro-box p:last-child {
      margin-bottom: 0; }
  #conlang_tool .ct-intro-box strong {
    color: var(--jdc-text); }
  #conlang_tool .ct-intro-box .ct-radical-highlight {
    color: #018df0;
    font-weight: 700; }
#conlang_tool .ct-result {
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: 700; }
  @media (min-width: 1200px) {
    #conlang_tool .ct-result {
      font-size: 0.9375rem; } }
#conlang_tool .ct-weight-row {
  display: flex;
  flex-direction: column;
  gap: 2px; }
#conlang_tool .ct-weight-row-head {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--jdc-text-soft); }
  #conlang_tool .ct-weight-row-head input[type="range"] {
    flex: 1 1 auto;
    accent-color: #018df0; }
#conlang_tool .ct-weight-row-example {
  margin-left: 44px;
  font-size: 0.71875rem;
  font-style: italic;
  color: var(--jdc-text-faint); }
#conlang_tool .ct-count-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 0.0625rem 0.5rem;
  font-size: 0.71875rem;
  font-weight: 700;
  color: var(--jdc-text-muted);
  background: var(--jdc-bg-subtle);
  border-radius: 999px; }

#conlang_tool .ct-glyph-grid {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
#conlang_tool .ct-glyph-canvas {
  width: 72px;
  height: 72px; }
#conlang_tool .ct-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1; }
@media screen and (max-width: 640px) {
  #conlang_tool .ct-glyph-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } }

#conlang_tool .ct-cell-flash {
  animation: ct_roman_flash 0.9s ease; }

@keyframes ct_roman_flash {
  0% {
    background: rgba(1, 141, 240, 0.08); }
  100% {
    background: transparent; } }
#conlang_tool .ct-evolve-table {
  width: 100%;
  border-collapse: collapse; }
  #conlang_tool .ct-evolve-table th, #conlang_tool .ct-evolve-table td {
    padding: 0.5rem 0.625rem;
    height: auto;
    border-bottom: 1px solid var(--jdc-border);
    text-align: left;
    vertical-align: top; }
  #conlang_tool .ct-evolve-table th {
    font-size: 0.71875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--jdc-text-muted);
    white-space: nowrap; }
  #conlang_tool .ct-evolve-table td:first-child {
    font-size: 0.875rem;
    font-family: "Fondamento", serif;
    color: var(--jdc-text-soft);
    white-space: nowrap; }
  #conlang_tool .ct-evolve-table td:nth-child(3) {
    font-size: calc(0.88125rem + 0.075vw);
    font-family: "Fondamento", serif;
    color: #018df0;
    white-space: nowrap; }
    @media (min-width: 1200px) {
      #conlang_tool .ct-evolve-table td:nth-child(3) {
        font-size: 0.9375rem; } }
#conlang_tool .ct-evolve-steps {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: none;
  border-bottom: 1px solid var(--jdc-border); }
#conlang_tool .ct-evolve-step-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 0.78125rem;
  color: var(--jdc-text-muted); }
#conlang_tool .ct-evolve-rule {
  font-style: italic; }
#conlang_tool .ct-evolve-arrow {
  color: var(--jdc-text-faint); }
#conlang_tool .ct-evolve-form {
  font-weight: 600;
  color: var(--jdc-text-soft); }
#conlang_tool .ct-evolve-noop {
  font-size: 0.78125rem;
  font-style: italic;
  color: var(--jdc-text-faint); }
#conlang_tool .ct-evolve-adopt[disabled] {
  opacity: 0.4;
  cursor: default; }

#conlang_tool .gram2_intro {
  margin: 0 0 20px; }
#conlang_tool .gram2_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin: 0 0 18px; }
#conlang_tool .gram2_card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0.875rem calc(0.8875rem + 0.15vw);
  border: 1px solid var(--jdc-border);
  border-radius: 8px;
  background: var(--jdc-bg-subtle);
  text-align: left;
  cursor: pointer; }
  @media (min-width: 1200px) {
    #conlang_tool .gram2_card {
      padding: 0.875rem 1rem; } }
  #conlang_tool .gram2_card:hover, #conlang_tool .gram2_card:focus {
    border-color: #018df0;
    outline: none; }
#conlang_tool .gram2_card_name {
  margin: 0;
  padding: 0 calc(0.95rem + 0.9vw) 0 0;
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .gram2_card_name {
      padding: 0 1.625rem 0 0; } }
  @media (min-width: 1200px) {
    #conlang_tool .gram2_card_name {
      font-size: 0.9375rem; } }
#conlang_tool .gram2_card_badge {
  display: inline-block;
  align-self: flex-start;
  padding: 0.125rem 0.5625rem;
  border-radius: 999px;
  background: rgba(1, 141, 240, 0.08);
  font-size: 0.6875rem;
  font-weight: 600;
  color: #018df0; }
#conlang_tool .gram2_card_count {
  margin: 0;
  font-size: 0.75rem;
  color: var(--jdc-text-muted); }
#conlang_tool .gram2_card_preview {
  margin: 4px 0 0;
  padding: 0;
  list-style: none; }
  #conlang_tool .gram2_card_preview li {
    font-size: 0.78125rem;
    font-family: "Fondamento", serif;
    color: var(--jdc-text-soft); }
#conlang_tool .gram2_card_del {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.125rem 0.375rem !important;
  font-size: 0.8125rem !important;
  border: none;
  background: transparent;
  color: var(--jdc-text-faint);
  opacity: 0.5; }
  #conlang_tool .gram2_card_del:hover {
    opacity: 1;
    color: var(--jdc-warning); }
#conlang_tool .gram2_empty {
  padding: calc(0.925rem + 0.6vw) 0.625rem;
  text-align: center;
  color: var(--jdc-text-muted); }
  @media (min-width: 1200px) {
    #conlang_tool .gram2_empty {
      padding: 1.375rem 0.625rem; } }
  #conlang_tool .gram2_empty p {
    margin: 0 0 6px; }
    #conlang_tool .gram2_empty p:last-child {
      margin-bottom: 0; }
#conlang_tool .gram2_empty_example {
  font-size: 0.8125rem;
  font-style: italic;
  color: var(--jdc-text-faint); }
  #conlang_tool .gram2_empty_example code {
    padding: 0.0625rem 0.3125rem;
    border-radius: 6px;
    background: var(--jdc-bg-subtle); }
#conlang_tool .gram2_edit_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px; }
  #conlang_tool .gram2_edit_bar input[type="text"] {
    padding: 0.4375rem 0.625rem;
    font-size: 0.84375rem;
    color: var(--jdc-text);
    background: var(--jdc-surface);
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
    #conlang_tool .gram2_edit_bar input[type="text"]:focus {
      border-color: #018df0; }
#conlang_tool .gram2_edit_name {
  flex: 1 1 220px;
  font-weight: 700; }
#conlang_tool .gram2_edit_dimension {
  flex: 1 1 220px; }
#conlang_tool .gram2_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px; }
  #conlang_tool .gram2_table th, #conlang_tool .gram2_table td {
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid var(--jdc-border);
    text-align: left; }
  #conlang_tool .gram2_table th {
    font-size: 0.71875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--jdc-text-muted); }
  #conlang_tool .gram2_table input[type="text"] {
    width: 100%; }
#conlang_tool .gram2_result {
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: 700;
  font-family: "Fondamento", serif;
  color: #018df0; }
  @media (min-width: 1200px) {
    #conlang_tool .gram2_result {
      font-size: 0.9375rem; } }

#conlang_tool .ct-lexique-table {
  margin-top: 10px; }
  #conlang_tool .ct-lexique-table thead th {
    padding: 0.25rem 0.625rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--jdc-text-faint); }
  #conlang_tool .ct-lexique-table th.ct-lexique-th-del {
    width: 34px; }
  #conlang_tool .ct-lexique-table tbody tr {
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    #conlang_tool .ct-lexique-table tbody tr:hover {
      background: var(--jdc-bg-subtle); }
  #conlang_tool .ct-lexique-table tbody td {
    padding: 0.5625rem 0.625rem;
    vertical-align: middle; }
  #conlang_tool .ct-lexique-table tbody td:last-child {
    padding: 0.5625rem 0.25rem;
    width: 34px;
    text-align: center; }
#conlang_tool .ct-lexique-mot {
  font-size: calc(0.87813rem + 0.0375vw);
  font-weight: 700;
  color: var(--jdc-text);
  white-space: nowrap; }
  @media (min-width: 1200px) {
    #conlang_tool .ct-lexique-mot {
      font-size: 0.90625rem; } }
#conlang_tool .ct-lexique-table input[data-lexique-sens] {
  max-width: none;
  padding: 0.375rem 0.5625rem;
  font-size: 0.8125rem;
  color: var(--jdc-text);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-lexique-table input[data-lexique-sens]:hover {
    border-color: var(--jdc-border); }
  #conlang_tool .ct-lexique-table input[data-lexique-sens]:focus {
    background: var(--jdc-surface);
    border-color: #018df0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
#conlang_tool .ct-lexique-del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0.875rem;
  color: var(--jdc-text-faint);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-lexique-del:hover, #conlang_tool .ct-lexique-del:focus {
    color: var(--jdc-danger, #e74c3c);
    background: var(--jdc-danger-soft, rgba(231, 76, 60, 0.1));
    border-color: var(--jdc-danger, #e74c3c); }
  #conlang_tool .ct-lexique-del:focus {
    outline: none; }
#conlang_tool .ct-lexique-empty {
  padding: calc(0.925rem + 0.6vw) 0.625rem;
  text-align: center;
  font-size: 0.8125rem;
  font-style: italic;
  color: var(--jdc-text-faint); }
  @media (min-width: 1200px) {
    #conlang_tool .ct-lexique-empty {
      padding: 1.375rem 0.625rem; } }

.ct-stepper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0;
  padding: 2px 0;
  list-style: none;
  overflow-x: auto;
  min-width: 0; }

.ct-step {
  display: flex;
  align-items: center;
  flex: 0 0 auto; }

.ct-step-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0.25rem 0.5625rem;
  border-radius: 999px;
  color: var(--jdc-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .ct-step-link:hover {
    color: var(--jdc-text);
    background: var(--jdc-bg-subtle); }

.ct-step-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: 0.875rem;
  background: var(--jdc-bg-subtle);
  border: 1px solid var(--jdc-border);
  border-radius: 50%;
  opacity: 0.55;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.ct-step-num {
  position: absolute;
  top: -5px;
  left: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  font-size: 0.53125rem;
  font-weight: 700;
  color: var(--jdc-text-muted);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 50%; }

.ct-step-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--jdc-text-faint);
  white-space: nowrap; }

.ct-step-connector {
  font-size: 0.8125rem;
  color: var(--jdc-border-strong);
  flex: 0 0 auto; }

.ct-step--done .ct-step-badge {
  opacity: 1;
  border-color: #018df0;
  background: rgba(1, 141, 240, 0.08); }
  .ct-step--done .ct-step-badge::after {
    content: "✓";
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    font-size: 0.53125rem;
    font-weight: 700;
    color: #fff;
    background: #018df0;
    border-radius: 50%; }
.ct-step--done .ct-step-label {
  color: var(--jdc-text-soft); }

.ct-step--current .ct-step-link {
  background: rgba(1, 141, 240, 0.08); }
.ct-step--current .ct-step-badge {
  opacity: 1;
  border-color: #018df0;
  border-width: 2px;
  background: var(--jdc-surface); }
.ct-step--current .ct-step-label {
  color: #018df0;
  font-weight: 700; }

.ct-stepper--compact .ct-step-badge {
  width: 20px;
  height: 20px;
  font-size: 0.6875rem; }
.ct-stepper--compact .ct-step-num {
  width: 11px;
  height: 11px;
  font-size: 0.4375rem; }
.ct-stepper--compact .ct-step-link {
  padding: 0.125rem 0.3125rem; }
.ct-stepper--compact .ct-step:not(.ct-step--current) .ct-step-label {
  display: none; }

.ct-stepper--large .ct-step-badge {
  width: 34px;
  height: 34px;
  font-size: calc(0.89375rem + 0.225vw); }
  @media (min-width: 1200px) {
    .ct-stepper--large .ct-step-badge {
      font-size: 1.0625rem; } }
.ct-stepper--large .ct-step-num {
  width: 16px;
  height: 16px;
  font-size: 0.59375rem; }
.ct-stepper--large .ct-step-connector {
  font-size: calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    .ct-stepper--large .ct-step-connector {
      font-size: 1rem; } }

#conlang_tool .conlang-tool-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px; }
#conlang_tool .ct-status-save {
  font-size: 0.71875rem;
  color: var(--jdc-text-muted);
  white-space: nowrap;
  flex-shrink: 0; }
@media screen and (max-width: 640px) {
  #conlang_tool .conlang-tool-status {
    flex-wrap: nowrap; } }

#conlang_tool .ct-glyph-cursor {
  display: none;
  position: fixed;
  z-index: 1000;
  pointer-events: none;
  border-radius: 50%;
  background: rgba(31, 41, 55, 0.22);
  border: 1px solid rgba(31, 41, 55, 0.45); }
  #conlang_tool .ct-glyph-cursor.active {
    display: block; }
#conlang_tool .ct-glyph-canvas {
  cursor: none; }
#conlang_tool .ct-thickness-label {
  margin-top: 10px; }
  #conlang_tool .ct-thickness-label .ct-thickness-row {
    display: flex;
    align-items: center; }
  #conlang_tool .ct-thickness-label input[type="range"] {
    width: 160px;
    vertical-align: middle;
    margin-right: 6px; }
#conlang_tool .ct-add-char-row {
  display: inline-flex;
  align-items: center;
  gap: 6px; }
  #conlang_tool .ct-add-char-row input[type="text"] {
    width: 60px;
    text-align: center; }
#conlang_tool .ct-glyph-card--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: var(--jdc-surface);
  overflow-y: auto; }
  #conlang_tool .ct-glyph-card--fullscreen .ct-glyph-canvas {
    width: min(90vmin, calc(100vw - 40px), calc(100vh - 150px));
    height: min(90vmin, calc(100vw - 40px), calc(100vh - 150px)); }
  #conlang_tool .ct-glyph-card--fullscreen .ct-glyph-label {
    font-size: calc(0.9625rem + 1.05vw);
    flex: 0 0 auto; }
    @media (min-width: 1200px) {
      #conlang_tool .ct-glyph-card--fullscreen .ct-glyph-label {
        font-size: 1.75rem; } }
  #conlang_tool .ct-glyph-card--fullscreen .ct-glyph-tools {
    flex: 0 0 auto; }
#conlang_tool .ct-glyph-upload-input {
  display: none; }

body.ct-glyph-fullscreen-lock {
  overflow: hidden; }

#conlang_tool .ct-table-wrap {
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
#conlang_tool .ct-phono-table, #conlang_tool .ct-romanisation-table, #conlang_tool .ct-lexique-table {
  margin: 0; }
#conlang_tool .ct-phono-table th, #conlang_tool .ct-romanisation-table thead th, #conlang_tool .ct-lexique-table thead th {
  padding: 0.625rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jdc-text-faint);
  background: var(--jdc-surface-alt);
  white-space: nowrap; }
#conlang_tool .ct-phono-table tbody td, #conlang_tool .ct-romanisation-table tbody td, #conlang_tool .ct-lexique-table tbody td {
  padding: 0.6875rem 0.75rem; }
#conlang_tool .ct-phono-table tbody th, #conlang_tool .ct-phono-table tbody td, #conlang_tool .ct-romanisation-table tbody td, #conlang_tool .ct-lexique-table tbody td {
  border-bottom: 1px solid var(--jdc-border); }
#conlang_tool .ct-phono-table tbody tr:last-child th, #conlang_tool .ct-phono-table tbody tr:last-child td, #conlang_tool .ct-romanisation-table tbody tr:last-child td, #conlang_tool .ct-lexique-table tbody tr:last-child td {
  border-bottom: none; }
#conlang_tool .ct-phono-table tbody tr:nth-child(even), #conlang_tool .ct-romanisation-table tbody tr:nth-child(even), #conlang_tool .ct-lexique-table tbody tr:nth-child(even) {
  background: var(--jdc-surface-alt); }
#conlang_tool .ct-phono-table tbody tr:hover, #conlang_tool .ct-romanisation-table tbody tr:hover, #conlang_tool .ct-lexique-table tbody tr:hover {
  background: var(--jdc-bg-subtle); }
#conlang_tool .ct-romanisation-table input[data-roman-phoneme] {
  padding: 0.375rem 0.5625rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .ct-romanisation-table input[data-roman-phoneme]:hover {
    border-color: var(--jdc-border); }
  #conlang_tool .ct-romanisation-table input[data-roman-phoneme]:focus {
    background: var(--jdc-surface);
    border-color: #018df0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
#conlang_tool .ct-lexique-table .ct-lexique-del {
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
#conlang_tool .ct-lexique-table tbody tr:hover .ct-lexique-del, #conlang_tool .ct-lexique-table .ct-lexique-del:focus {
  opacity: 1; }

@media screen and (max-width: 640px) {
  #conlang_tool .ct-lexique-table, #conlang_tool .ct-lexique-table tbody {
    display: block;
    width: 100%; }
  #conlang_tool .ct-lexique-table thead {
    display: none; }
  #conlang_tool .ct-lexique-table tbody tr {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.6875rem 0.75rem; }
  #conlang_tool .ct-lexique-table tbody td {
    padding: 0;
    border-bottom: none; }
  #conlang_tool .ct-lexique-table .ct-lexique-mot {
    flex: 0 1 auto;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis; }
  #conlang_tool .ct-lexique-table tbody td:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0; }
  #conlang_tool .ct-lexique-table tbody td:last-child {
    flex-shrink: 0; }
  #conlang_tool .ct-lexique-table .ct-lexique-del {
    opacity: 1; } }

#conlang_tool .ct-hide-inactive {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--jdc-text-muted);
  cursor: pointer; }
  #conlang_tool .ct-hide-inactive input {
    margin: 0; }
#conlang_tool [data-rule-builder].ct-rb-hide-inactive .rb-row--inactive {
  display: none; }

#conlang_tool .ct-footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 32px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--jdc-border); }
#conlang_tool .ct-footer-prev {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted);
  text-decoration: none; }
  #conlang_tool .ct-footer-prev:hover {
    color: #018df0;
    text-decoration: underline; }
#conlang_tool .ct-footer-next {
  white-space: nowrap; }
@media screen and (max-width: 640px) {
  #conlang_tool .ct-footer-nav {
    flex-direction: column-reverse;
    align-items: stretch; }
  #conlang_tool .ct-footer-prev {
    text-align: center; }
  #conlang_tool .ct-footer-next {
    width: 100%; } }

@media print {
  #conlang_tool .ct-footer-nav {
    display: none; }
  #conlang_tool .ct-table-wrap {
    border: none;
    box-shadow: none;
    border-radius: 0; } }
.gannexe_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 40px 0 0; }
  .gannexe_wrap .gannexe_head {
    max-width: 760px; }
  .gannexe_wrap .gannexe_title {
    margin: 0 0 8px;
    font-family: "Fondamento", serif;
    font-size: calc(0.9375rem + 0.75vw);
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_title {
        font-size: 1.5rem; } }
  .gannexe_wrap .gannexe_intro {
    margin: 0;
    max-width: 720px;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--jdc-text-soft); }
  .gannexe_wrap .gannexe_toc {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
    .gannexe_wrap .gannexe_toc a {
      display: inline-flex;
      padding: 0.375rem 0.875rem;
      font-size: 0.78125rem;
      font-weight: 600;
      color: var(--jdc-text-soft);
      background: var(--jdc-bg-subtle);
      border: 1px solid var(--jdc-border);
      border-radius: 999px;
      text-decoration: none;
      transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .gannexe_wrap .gannexe_toc a:hover {
        color: #018df0;
        background: rgba(1, 141, 240, 0.08);
        border-color: #018df0; }
  .gannexe_wrap .gannexe_section {
    padding: calc(0.925rem + 0.6vw) calc(0.9375rem + 0.75vw);
    border: 1px solid var(--jdc-border);
    border-radius: 12px;
    background: var(--jdc-surface);
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_section {
        padding: 1.375rem 1.5rem; } }
  .gannexe_wrap .gannexe_section_title {
    margin: 0 0 8px;
    font-size: calc(0.9rem + 0.3vw);
    font-weight: 700;
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_section_title {
        font-size: 1.125rem; } }
  .gannexe_wrap .gannexe_lead {
    max-width: 780px;
    margin: 0 0 16px;
    font-size: 0.84375rem;
    line-height: 1.6;
    color: var(--jdc-text-soft); }
  .gannexe_wrap .gannexe_table_wrap {
    overflow-x: auto;
    margin: 0 0 16px;
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
  .gannexe_wrap .gannexe_table {
    width: auto;
    min-width: 100%;
    border-collapse: collapse; }
    .gannexe_wrap .gannexe_table th, .gannexe_wrap .gannexe_table td {
      padding: 0.5rem 0.75rem;
      border-bottom: 1px solid var(--jdc-border);
      font-size: 0.8125rem;
      line-height: 1.5;
      text-align: left;
      vertical-align: top; }
    .gannexe_wrap .gannexe_table td[title], .gannexe_wrap .gannexe_table th[title] {
      text-decoration: underline dotted var(--jdc-border-strong);
      text-underline-offset: 3px;
      cursor: help; }
    .gannexe_wrap .gannexe_table thead th {
      padding: 0.5625rem 0.75rem;
      font-size: 0.75rem;
      font-weight: 700;
      font-variant: small-caps;
      letter-spacing: 0.03em;
      color: var(--jdc-text-muted);
      background: var(--jdc-bg-subtle);
      white-space: nowrap;
      border-bottom: 1px solid var(--jdc-border-strong); }
    .gannexe_wrap .gannexe_table tbody tr {
      transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .gannexe_wrap .gannexe_table tbody tr:last-child td, .gannexe_wrap .gannexe_table tbody tr:last-child th {
        border-bottom: none; }
      .gannexe_wrap .gannexe_table tbody tr:hover {
        background: var(--jdc-bg-subtle); }
  .gannexe_wrap .gannexe_table--sticky th:first-child, .gannexe_wrap .gannexe_table--sticky td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--jdc-surface);
    box-shadow: 1px 0 0 var(--jdc-border); }
  .gannexe_wrap .gannexe_table--sticky thead th:first-child {
    z-index: 3;
    background: var(--jdc-bg-subtle); }
  .gannexe_wrap .gannexe_table--sticky tbody tr:hover td:first-child, .gannexe_wrap .gannexe_table--sticky tbody tr:hover th:first-child {
    background: var(--jdc-bg-subtle); }
  .gannexe_wrap .gannexe_table--phono th, .gannexe_wrap .gannexe_table--phono td {
    min-width: 80px;
    padding: 0.375rem 0.625rem;
    text-align: center; }
  .gannexe_wrap .gannexe_table--phono thead th {
    white-space: normal;
    overflow-wrap: break-word; }
  .gannexe_wrap .gannexe_table--phono thead th:first-child, .gannexe_wrap .gannexe_table--phono tbody th {
    min-width: 46px;
    text-align: left;
    font-family: "Lato", sans-serif;
    font-size: calc(0.88125rem + 0.075vw); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_table--phono thead th:first-child, .gannexe_wrap .gannexe_table--phono tbody th {
        font-size: 0.9375rem; } }
  .gannexe_wrap .gannexe_yes {
    font-weight: 700;
    color: var(--jdc-success); }
  .gannexe_wrap .gannexe_no {
    color: var(--jdc-text-faint); }
  .gannexe_wrap .gannexe_scale {
    font-size: 0.8125rem;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #018df0; }
  .gannexe_wrap .gannexe_ideas {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    margin: 0 0 16px; }
  .gannexe_wrap .gannexe_idea {
    padding: 0.875rem calc(0.8875rem + 0.15vw);
    border: 1px dashed var(--jdc-border-strong);
    border-radius: 8px;
    background: var(--jdc-bg-subtle); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_idea {
        padding: 0.875rem 1rem; } }
    .gannexe_wrap .gannexe_idea h4 {
      margin: 6px 0 6px;
      font-size: 0.875rem;
      font-weight: 700;
      color: var(--jdc-text); }
    .gannexe_wrap .gannexe_idea p {
      margin: 0;
      font-size: 0.78125rem;
      line-height: 1.5;
      color: var(--jdc-text-soft); }
  .gannexe_wrap .gannexe_idea_tag {
    display: inline-block;
    font-size: 0.65625rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #018df0; }
  .gannexe_wrap .gannexe_profiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
    margin: 16px 0 0; }
  .gannexe_wrap .gannexe_profile {
    padding: 0.875rem calc(0.8875rem + 0.15vw);
    border: 1px solid var(--jdc-border);
    border-radius: 8px;
    background: var(--jdc-bg-subtle); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_profile {
        padding: 0.875rem 1rem; } }
    .gannexe_wrap .gannexe_profile h4 {
      margin: 0 0 6px;
      font-size: 0.84375rem;
      font-weight: 700;
      color: var(--jdc-text); }
    .gannexe_wrap .gannexe_profile p {
      margin: 0;
      font-size: 0.78125rem;
      line-height: 1.55;
      color: var(--jdc-text-soft); }
      .gannexe_wrap .gannexe_profile p strong {
        color: var(--jdc-text); }
  .gannexe_wrap .gannexe_note {
    margin: 0 0 16px;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--jdc-text-muted); }
  .gannexe_wrap .gannexe_goal {
    margin: 16px 0 0;
    padding: 0.75rem calc(0.8875rem + 0.15vw);
    border-left: 3px solid #018df0;
    border-radius: 0 6px 6px 0;
    background: rgba(1, 141, 240, 0.08);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      .gannexe_wrap .gannexe_goal {
        padding: 0.75rem 1rem; } }
  @media screen and (max-width: 640px) {
    .gannexe_wrap .gannexe_section {
      padding: calc(0.8875rem + 0.15vw) 0.875rem; } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    .gannexe_wrap .gannexe_section {
      padding: 1rem 0.875rem; } }
  @media screen and (max-width: 640px) {
    .gannexe_wrap .gannexe_title {
      font-size: calc(0.91875rem + 0.525vw); } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    .gannexe_wrap .gannexe_title {
      font-size: 1.3125rem; } }
  @media screen and (max-width: 640px) {
    .gannexe_wrap .gannexe_toc {
      gap: 6px; }
      .gannexe_wrap .gannexe_toc a {
        padding: 0.3125rem 0.6875rem;
        font-size: 0.71875rem; }
    .gannexe_wrap .gannexe_table--phono th, .gannexe_wrap .gannexe_table--phono td {
      padding: 0.3125rem 0.4375rem;
      font-size: 0.75rem; } }

#conlang_tool .gtraite_layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: start;
  gap: 28px;
  min-width: 0; }
#conlang_tool .gtraite_chapters {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0; }
#conlang_tool .gtraite_toc {
  position: sticky;
  top: 18px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: 0.875rem 0.625rem;
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
#conlang_tool .gtraite_toc_toggle {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.125rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--jdc-text);
  background: none;
  border: none;
  cursor: pointer; }
  #conlang_tool .gtraite_toc_toggle[aria-expanded="true"] .gtraite_toc_toggle_ico {
    transform: rotate(180deg); }
#conlang_tool .gtraite_toc_list {
  display: flex;
  flex-direction: column;
  gap: 2px; }
#conlang_tool .gtraite_toc_list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.4375rem 0.5625rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-soft);
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .gtraite_toc_list a:hover {
    color: var(--jdc-text);
    background: var(--jdc-bg-subtle); }
  #conlang_tool .gtraite_toc_list a.active {
    color: #018df0;
    background: rgba(1, 141, 240, 0.08); }
#conlang_tool .gtraite_toc_label {
  flex: 1 1 auto;
  line-height: 1.3; }
#conlang_tool .gtraite_toc_check {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--jdc-success); }
#conlang_tool .gtraite_chapter {
  padding: calc(0.925rem + 0.6vw) calc(0.9375rem + 0.75vw);
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  scroll-margin-top: 18px; }
  @media (min-width: 1200px) {
    #conlang_tool .gtraite_chapter {
      padding: 1.375rem 1.5rem; } }
#conlang_tool .gtraite_chapter_title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 14px;
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .gtraite_chapter_title {
      font-size: 1.25rem; } }
#conlang_tool .gtraite_chapter_num {
  color: #018df0; }
#conlang_tool .gtraite_explain {
  max-width: 720px;
  margin: 0 0 20px; }
  #conlang_tool .gtraite_explain p {
    margin: 0 0 10px;
    font-size: 0.84375rem;
    line-height: 1.65;
    color: var(--jdc-text-soft); }
    #conlang_tool .gtraite_explain p:last-child {
      margin-bottom: 0; }
  #conlang_tool .gtraite_explain strong {
    color: var(--jdc-text); }
#conlang_tool .gtraite_goal {
  margin: 12px 0 0;
  padding: 0.75rem calc(0.8875rem + 0.15vw);
  border-left: 3px solid #018df0;
  border-radius: 0 6px 6px 0;
  background: rgba(1, 141, 240, 0.08);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .gtraite_goal {
      padding: 0.75rem 1rem; } }
#conlang_tool .gtraite_seemore {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.78125rem;
  font-weight: 600;
  color: #018df0;
  text-decoration: none; }
  #conlang_tool .gtraite_seemore:hover {
    text-decoration: underline; }
#conlang_tool .gtraite_widget {
  margin-top: 20px;
  padding: calc(0.9rem + 0.3vw) calc(0.9125rem + 0.45vw);
  border: 1px dashed var(--jdc-border-strong);
  border-radius: 8px;
  background: var(--jdc-bg-subtle); }
  @media (min-width: 1200px) {
    #conlang_tool .gtraite_widget {
      padding: 1.125rem 1.25rem; } }
#conlang_tool .gtraite_widget_label {
  margin: 14px 0 8px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jdc-text-muted); }
#conlang_tool .gtraite_chip--locked {
  opacity: 0.85;
  cursor: default; }
#conlang_tool .gtraite_subtitle {
  margin: 26px 0 6px;
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlang_tool .gtraite_subtitle {
      font-size: 0.9375rem; } }
#conlang_tool .gtraite_subtitle_bonus {
  margin-left: 6px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--jdc-text-faint); }
#conlang_tool .gtraite_mark_rows {
  margin-top: 4px; }
#conlang_tool .gtraite_mark_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0.5rem 0;
  border-bottom: 1px dashed var(--jdc-border); }
  #conlang_tool .gtraite_mark_row:last-child {
    border-bottom: none; }
  #conlang_tool .gtraite_mark_row input[type="text"] {
    width: 140px;
    padding: 0.375rem 0.5625rem;
    font-size: 0.8125rem;
    color: var(--jdc-text);
    background: var(--jdc-surface);
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
    #conlang_tool .gtraite_mark_row input[type="text"]:focus {
      border-color: #018df0; }
#conlang_tool .gtraite_mark_label {
  flex: 0 0 90px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-soft); }
#conlang_tool .gtraite_pos_toggle {
  display: inline-flex;
  gap: 4px; }
#conlang_tool .gtraite_pos_btn {
  padding: 0.25rem 0.625rem;
  font-size: 0.71875rem;
  font-weight: 600;
  color: var(--jdc-text-muted);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .gtraite_pos_btn:hover {
    border-color: rgba(1, 141, 240, 0.16); }
  #conlang_tool .gtraite_pos_btn.active {
    color: #018df0;
    background: rgba(1, 141, 240, 0.08);
    border-color: #018df0; }
#conlang_tool .gtraite_dims {
  display: flex;
  flex-direction: column;
  gap: 14px; }
#conlang_tool .gtraite_dim_title {
  margin: 0 0 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jdc-text-muted); }
#conlang_tool .gtraite_terms {
  margin-top: 4px; }
#conlang_tool .gtraite_term_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0.4375rem 0;
  border-bottom: 1px dashed var(--jdc-border); }
  #conlang_tool .gtraite_term_row:last-child {
    border-bottom: none; }
  #conlang_tool .gtraite_term_row input[type="text"] {
    padding: 0.375rem 0.5625rem;
    font-size: 0.8125rem;
    color: var(--jdc-text);
    background: var(--jdc-surface);
    border: 1px solid var(--jdc-border);
    border-radius: 8px; }
    #conlang_tool .gtraite_term_row input[type="text"]:focus {
      border-color: #018df0; }
#conlang_tool .gtraite_term_label {
  flex: 1 1 260px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-soft); }
#conlang_tool .gtraite_term_value {
  flex: 1 1 160px; }
@media screen and (max-width: 900px) {
  #conlang_tool .gtraite_layout {
    display: block; }
  #conlang_tool .gtraite_toc {
    position: static;
    max-height: none;
    margin: 0 0 18px;
    padding: 0.625rem 0.75rem; }
  #conlang_tool .gtraite_toc_toggle {
    display: flex; }
  #conlang_tool .gtraite_toc_list {
    display: none;
    margin-top: 8px; }
    #conlang_tool .gtraite_toc_list.gtraite_toc_list--open {
      display: flex; } }
@media screen and (max-width: 640px) {
  #conlang_tool .gtraite_chapter {
    padding: calc(0.8875rem + 0.15vw) 0.875rem; } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    #conlang_tool .gtraite_chapter {
      padding: 1rem 0.875rem; } }
@media screen and (max-width: 640px) {
  #conlang_tool .gtraite_chapter_title {
    font-size: calc(0.9rem + 0.3vw); } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    #conlang_tool .gtraite_chapter_title {
      font-size: 1.125rem; } }
@media screen and (max-width: 640px) {
  #conlang_tool .gtraite_mark_row, #conlang_tool .gtraite_term_row {
    flex-direction: column;
    align-items: stretch; }
  #conlang_tool .gtraite_mark_label {
    flex: none; } }

.gtraite_chapter_marker {
  margin: 40px 0 10px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #018df0; }

#conlang_tool[data-tool] {
  contain: inline-size;
  overflow-x: hidden; }

.gannexe_wrap {
  contain: inline-size;
  overflow-x: clip; }

#conlang_tool[data-tool] {
  overflow-x: clip; }

#conlang_tool table {
  border: none; }

#conlang_tool th, #conlang_tool td {
  border-top: 0;
  border-left: 0;
  border-right: 0; }

#conlang_tool .gtraite_hbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0.75rem 0.875rem;
  margin: 0 0 24px;
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
#conlang_tool .gtraite_hbar a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0.375rem 0.75rem;
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--jdc-text-soft);
  text-decoration: none;
  border-radius: 999px;
  background: var(--jdc-bg-subtle);
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .gtraite_hbar a:hover {
    color: var(--jdc-text);
    background: var(--jdc-border); }
  #conlang_tool .gtraite_hbar a.active {
    color: #018df0;
    background: rgba(1, 141, 240, 0.08); }
#conlang_tool .gtraite_hbar_check {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--jdc-success); }
@media screen and (max-width: 640px) {
  #conlang_tool .gtraite_hbar {
    gap: 6px;
    padding: 0.625rem; }
  #conlang_tool .gtraite_hbar a {
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem; } }

#conlang_tool .gram2_table td:last-child {
  display: flex;
  align-items: center;
  gap: 4px; }
  #conlang_tool .gram2_table td:last-child input[type="text"] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0; }
#conlang_tool .gram2_del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: none;
  color: var(--jdc-text-faint, #9ca3af);
  cursor: pointer;
  font-size: 0.8125rem;
  line-height: 1;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #conlang_tool .gram2_del:hover, #conlang_tool .gram2_del:focus {
    background: rgba(231, 76, 60, 0.12);
    color: #e74c3c; }

@media screen and (max-width: 900px) {
  #conlang_tool .gtraite_toc_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px; }
  #conlang_tool .gtraite_toc_list a {
    padding: 0.375rem 0.75rem;
    font-size: 0.78125rem;
    background: var(--jdc-bg-subtle);
    border-radius: 999px; } }
@media screen and (max-width: 640px) {
  #conlang_tool .gtraite_toc_list {
    gap: 6px; }
  #conlang_tool .gtraite_toc_list a {
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem; } }

#conlanger_index #main_section > section {
  contain: inline-size;
  overflow-x: clip; }
#conlanger_index .conlang-hero {
  position: relative;
  text-align: center;
  margin: 0 0 30px;
  padding: calc(1rem + 1.5vw) calc(0.975rem + 1.2vw);
  border-top: 3px solid #018df0;
  border-radius: 12px;
  background: var(--jdc-hero-bg, rgba(1, 141, 240, 0.06)); }
  @media (min-width: 1200px) {
    #conlanger_index .conlang-hero {
      padding: 2.125rem 1.875rem; } }
  #conlanger_index .conlang-hero h1 {
    margin: 0 0 10px;
    font-family: "Fondamento", serif;
    font-size: calc(0.975rem + 1.2vw);
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      #conlanger_index .conlang-hero h1 {
        font-size: 1.875rem; } }
  #conlanger_index .conlang-hero p {
    max-width: 620px;
    margin: 0 auto;
    font-size: calc(0.88125rem + 0.075vw);
    line-height: 1.6;
    color: var(--jdc-text-soft); }
    @media (min-width: 1200px) {
      #conlanger_index .conlang-hero p {
        font-size: 0.9375rem; } }
#conlanger_index .conlang-stepper-hub {
  margin: 0 0 30px;
  padding: calc(0.925rem + 0.6vw) calc(0.9375rem + 0.75vw);
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  @media (min-width: 1200px) {
    #conlanger_index .conlang-stepper-hub {
      padding: 1.375rem 1.5rem; } }
#conlanger_index .ct-stepper-intro {
  margin: 0 0 16px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--jdc-text-soft); }
#conlanger_index .ct-stepper-cta {
  margin: 18px 0 0;
  text-align: center; }
  #conlanger_index .ct-stepper-cta .button {
    margin: 0 6px; }
#conlanger_index .conlang-tools-intro {
  max-width: 640px;
  margin: 0 0 22px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--jdc-text-muted); }
#conlanger_index .ct-group-title {
  margin: 26px 0 14px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--jdc-text-muted); }
  #conlanger_index .ct-group-title:first-of-type {
    margin-top: 0; }
#conlanger_index .tool-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px; }
#conlanger_index .tool-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  padding: calc(0.9125rem + 0.45vw) calc(0.9125rem + 0.45vw);
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-surface);
  color: var(--jdc-text);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (min-width: 1200px) {
    #conlanger_index .tool-card {
      padding: 1.25rem 1.25rem; } }
  #conlanger_index .tool-card:hover {
    border-color: rgba(1, 141, 240, 0.16);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-2px); }
#conlanger_index .tool-ico {
  line-height: 1;
  font-size: calc(0.9375rem + 0.75vw); }
  @media (min-width: 1200px) {
    #conlanger_index .tool-ico {
      font-size: 1.5rem; } }
#conlanger_index .tool-title {
  font-size: calc(0.8875rem + 0.15vw);
  line-height: 1.3;
  font-weight: 700;
  color: var(--jdc-text); }
  @media (min-width: 1200px) {
    #conlanger_index .tool-title {
      font-size: 1rem; } }
#conlanger_index .tool-desc {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--jdc-text-muted); }
#conlanger_index .tool-badge {
  align-self: flex-start;
  padding: 2px 8px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid var(--jdc-border);
  border-radius: 999px;
  background: var(--jdc-bg-subtle);
  color: var(--jdc-text-muted); }
#conlanger_index .tool-card.tool-soon {
  cursor: default;
  border-style: dashed;
  background: var(--jdc-surface-alt);
  box-shadow: none; }
  #conlanger_index .tool-card.tool-soon .tool-title {
    color: var(--jdc-text-soft); }
  #conlanger_index .tool-card.tool-soon:hover {
    border-color: var(--jdc-border);
    box-shadow: none;
    transform: none; }
#conlanger_index .conlang-concept {
  max-width: 720px;
  margin: 40px auto 0;
  line-height: 1.7; }
  #conlanger_index .conlang-concept h2 {
    margin: 0 0 6px;
    font-size: calc(0.925rem + 0.6vw); }
    @media (min-width: 1200px) {
      #conlanger_index .conlang-concept h2 {
        font-size: 1.375rem; } }
  #conlanger_index .conlang-concept p {
    margin: 0 0 16px;
    font-size: calc(0.88125rem + 0.075vw);
    color: var(--jdc-text-soft); }
    @media (min-width: 1200px) {
      #conlanger_index .conlang-concept p {
        font-size: 0.9375rem; } }
    #conlanger_index .conlang-concept p strong {
      color: var(--jdc-text); }
  #conlanger_index .conlang-concept .concept-lede {
    margin: 0 0 20px;
    font-style: italic;
    color: var(--jdc-text-muted); }
#conlanger_index .concept-stack {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  margin: 8px 0 24px;
  padding: 20px;
  border: 1px solid var(--jdc-border);
  border-radius: 12px;
  background: var(--jdc-bg-subtle); }
#conlanger_index .cs-step {
  display: flex;
  flex: 1 1 130px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center; }
#conlanger_index .cs-term {
  font-family: "Fondamento", serif;
  font-size: calc(0.8875rem + 0.15vw);
  color: #018df0; }
  @media (min-width: 1200px) {
    #conlanger_index .cs-term {
      font-size: 1rem; } }
#conlanger_index .cs-def {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--jdc-text-muted); }
#conlanger_index .cs-arrow {
  align-self: center;
  font-size: calc(0.9rem + 0.3vw);
  color: var(--jdc-text-faint); }
  @media (min-width: 1200px) {
    #conlanger_index .cs-arrow {
      font-size: 1.125rem; } }
@media screen and (max-width: 600px) {
  #conlanger_index .conlang-hero {
    padding: calc(0.9375rem + 0.75vw) calc(0.9rem + 0.3vw); } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    #conlanger_index .conlang-hero {
      padding: 1.5rem 1.125rem; } }
@media screen and (max-width: 600px) {
    #conlanger_index .conlang-hero h1 {
      font-size: calc(0.9375rem + 0.75vw); } }
    @media screen and (max-width: 600px) and (min-width: 1200px) {
      #conlanger_index .conlang-hero h1 {
        font-size: 1.5rem; } }
@media screen and (max-width: 600px) {
  #conlanger_index .concept-stack {
    flex-direction: column; }
  #conlanger_index .cs-arrow {
    transform: rotate(90deg); } }

.dict_intro {
  margin: 0 0 20px;
  padding: 0.75rem calc(0.9rem + 0.3vw);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-left: 3px solid #018df0;
  border-radius: 0 10px 10px 0;
  color: var(--jdc-text-soft, #374151);
  font-size: 0.875rem; }
  @media (min-width: 1200px) {
    .dict_intro {
      padding: 0.75rem 1.125rem; } }

.dict_tabs {
  display: flex;
  gap: 4px;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }

.dict_tab_btn {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--jdc-text-muted, #6b7280);
  cursor: pointer;
  font: inherit;
  margin-bottom: -1px;
  font-size: 0.875rem;
  padding: 0.625rem 0.875rem; }
  .dict_tab_btn:hover {
    color: var(--jdc-text, #111827); }
  .dict_tab_btn.active {
    color: #018df0;
    border-bottom-color: #018df0;
    font-weight: bold; }

.dict_panel {
  display: none; }
  .dict_panel.active {
    display: block; }

.dict_filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 16px; }
  .dict_filter input {
    width: 100%;
    max-width: 420px;
    background: var(--jdc-surface, #fff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 999px;
    color: var(--jdc-text, #111827);
    font: inherit;
    padding: 0.5rem calc(0.8875rem + 0.15vw);
    font-size: 0.875rem; }
    @media (min-width: 1200px) {
      .dict_filter input {
        padding: 0.5rem 1rem; } }
    .dict_filter input:focus {
      outline: none;
      border-color: #018df0; }

.dict_isolated_toggle {
  margin-left: auto; }

.dict_fundamentals_count {
  color: var(--jdc-text-faint, #9ca3af);
  font-size: 0.75rem; }

.dict_fundamentals_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px; }

.fund_card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 10px;
  color: var(--jdc-text, #111827);
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
  padding: 0.75rem 0.875rem; }
  .fund_card:hover {
    border-color: #018df0;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
    text-decoration: none; }

.fund_card_form {
  font-family: "Fondamento", serif;
  font-size: calc(0.89375rem + 0.225vw); }
  @media (min-width: 1200px) {
    .fund_card_form {
      font-size: 1.0625rem; } }

.fund_card_badge {
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.6875rem; }

.dict_fundamentals_sentinel {
  display: flex;
  justify-content: center;
  padding: calc(0.8875rem + 0.15vw) 0; }
  @media (min-width: 1200px) {
    .dict_fundamentals_sentinel {
      padding: 1rem 0; } }

.dict_fundamentals_more {
  color: var(--jdc-text-faint, #9ca3af);
  font-size: 0.75rem; }

.dict_fundamentals_loading, .dict_fundamentals_error {
  text-align: center;
  padding: calc(0.9125rem + 0.45vw);
  font-size: 0.8125rem; }
  @media (min-width: 1200px) {
    .dict_fundamentals_loading, .dict_fundamentals_error {
      padding: 1.25rem; } }

.dict_fundamentals_loading {
  color: var(--jdc-text-faint, #9ca3af); }

.dict_fundamentals_error {
  color: #d64545; }

.dict_letters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 14px 0; }

.dict_letter_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 50%;
  cursor: pointer;
  color: var(--jdc-text-soft, #374151);
  font: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8125rem; }
  .dict_letter_btn:hover {
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }
  .dict_letter_btn.active {
    background: #018df0;
    border-color: #018df0;
    color: #fff;
    font-weight: bold; }
  .dict_letter_btn:disabled {
    opacity: 0.35;
    cursor: not-allowed; }

.dict_letter_all {
  width: auto;
  border-radius: 15px;
  padding: 0 0.75rem; }

#words .forms {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0; }
  #words .forms li a {
    display: block;
    background: var(--jdc-surface, #fff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 10px;
    color: var(--jdc-text, #111827);
    text-align: center;
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
    padding: 0.5rem 0.875rem; }
    #words .forms li a:hover {
      border-color: #018df0;
      color: #018df0;
      text-decoration: none; }

#alphabet_dictionary #words {
  column-count: initial; }

.dict_tree {
  position: relative;
  max-height: 62vh;
  overflow-y: auto;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 0.75rem 0.5rem; }
  .dict_tree .visu_loading, .dict_tree .visu_error, .dict_tree .visu_empty_note {
    color: var(--jdc-text-faint, #9ca3af);
    text-align: center;
    padding: calc(0.9125rem + 0.45vw);
    font-size: 0.8125rem; }
    @media (min-width: 1200px) {
      .dict_tree .visu_loading, .dict_tree .visu_error, .dict_tree .visu_empty_note {
        padding: 1.25rem; } }
  .dict_tree .visu_loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; }
  .dict_tree .visu_spinner {
    display: block;
    width: 30px;
    height: 30px;
    border: 3px solid var(--jdc-border, #e5e7eb);
    border-top-color: #018df0;
    border-radius: 50%;
    animation: dict_tree_spin 0.7s linear infinite; }
  .dict_tree .visu_error {
    color: #d64545; }
  .dict_tree .visu_svg_explorer {
    display: block;
    width: 100%; }
  .dict_tree .chevron {
    fill: var(--jdc-text-muted, #6b7280);
    cursor: pointer;
    font-size: 0.8125rem; }
    .dict_tree .chevron:hover {
      fill: #018df0; }
  .dict_tree .tree_more, .dict_tree .tree_loading {
    fill: var(--jdc-text-faint, #9ca3af);
    font-style: italic;
    font-size: 0.75rem; }
  .dict_tree .tree_loading_spin {
    transform-box: fill-box;
    transform-origin: center;
    fill: var(--jdc-text-faint, #9ca3af);
    font-size: 0.75rem;
    animation: dict_tree_spin 0.7s linear infinite; }
  .dict_tree .tree_retry {
    fill: #d64545;
    cursor: pointer;
    font-style: italic;
    font-size: 0.75rem; }
    .dict_tree .tree_retry:hover {
      fill: #b62828; }
  .dict_tree .pilule.explorer {
    cursor: pointer; }
    .dict_tree .pilule.explorer rect {
      fill: var(--jdc-surface-alt, #fafafb);
      stroke: var(--jdc-border, #e5e7eb);
      stroke-width: 1; }
    .dict_tree .pilule.explorer text {
      fill: var(--jdc-text, #111827);
      font-family: "Lato", sans-serif;
      font-size: 0.8125rem; }
    .dict_tree .pilule.explorer:hover rect {
      stroke: #018df0; }
    .dict_tree .pilule.explorer:hover text {
      fill: #018df0; }
    .dict_tree .pilule.explorer.fondamental text {
      font-weight: bold; }
    .dict_tree .pilule.explorer[class*="nature_"] text {
      fill: currentColor; }
    .dict_tree .pilule.explorer.just_added {
      animation: dict_tree_fade 0.35s ease-out; }

@keyframes dict_tree_spin {
  100% {
    transform: rotate(360deg); } }
@keyframes dict_tree_fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.dict_g3d_stage {
  position: relative;
  height: 70vh;
  min-height: 420px;
  background: #05070d;
  border-radius: 12px;
  color: #e9e7f2;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .dict_g3d_stage {
      height: 58vh; } }

@media screen and (max-width: 500px) {
  .dict_fundamentals_grid {
    grid-template-columns: 1fr 1fr; }

  #words .forms {
    grid-template-columns: 1fr 1fr; } }
#dict_hub_hero {
  margin: 0 0 24px;
  text-align: center; }
  #dict_hub_hero h1 {
    margin: 0 0 8px; }

.dict_hub_tagline {
  margin: 0 auto;
  max-width: 560px;
  color: var(--jdc-text-muted, #6b7280);
  font-size: calc(0.88125rem + 0.075vw); }
  @media (min-width: 1200px) {
    .dict_hub_tagline {
      font-size: 0.9375rem; } }

.dict_hub_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin: 0 0 26px; }

.hub_card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  color: var(--jdc-text, #111827);
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
  padding: calc(0.9rem + 0.3vw) calc(0.9125rem + 0.45vw); }
  @media (min-width: 1200px) {
    .hub_card {
      padding: 1.125rem 1.25rem; } }
  .hub_card:hover {
    border-color: #018df0;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
    text-decoration: none; }

.hub_card_icon {
  font-size: calc(0.9625rem + 1.05vw); }
  @media (min-width: 1200px) {
    .hub_card_icon {
      font-size: 1.75rem; } }

.hub_card_title {
  font-family: "Fondamento", serif;
  font-size: calc(0.89375rem + 0.225vw); }
  @media (min-width: 1200px) {
    .hub_card_title {
      font-size: 1.0625rem; } }

.hub_card_desc {
  color: var(--jdc-text-soft, #374151);
  font-size: 0.8125rem; }

.hub_card_count {
  margin-top: 4px;
  color: #018df0;
  font-weight: bold;
  font-size: 0.75rem; }

.random_word_stage {
  max-width: 560px;
  margin: 0 auto;
  text-align: center; }

.random_word_card {
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 16px;
  padding: calc(0.9875rem + 1.35vw) calc(0.9625rem + 1.05vw); }
  @media (min-width: 1200px) {
    .random_word_card {
      padding: 2rem 1.75rem; } }

.random_word_badge {
  display: inline-block;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-radius: 999px;
  color: var(--jdc-text-muted, #6b7280);
  text-transform: uppercase;
  padding: 0.25rem 0.75rem;
  font-size: 0.6875rem; }

.random_word_form {
  margin: 14px 0;
  font-family: "Fondamento", serif;
  font-size: calc(1.0625rem + 2.25vw); }
  @media (min-width: 1200px) {
    .random_word_form {
      font-size: 2.75rem; } }
  .random_word_form a {
    color: var(--jdc-text, #111827);
    text-decoration: none; }
    .random_word_form a:hover {
      color: #018df0; }

.random_word_def {
  margin: 0 0 20px;
  color: var(--jdc-text-soft, #374151);
  font-size: 0.875rem; }

.random_word_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0; }

.random_word_btn {
  display: inline-block;
  border-radius: 999px;
  text-decoration: none;
  padding: 0.625rem calc(0.9125rem + 0.45vw);
  font-size: 0.875rem; }
  @media (min-width: 1200px) {
    .random_word_btn {
      padding: 0.625rem 1.25rem; } }
  .random_word_btn.primary {
    background: #018df0;
    color: #fff; }
    .random_word_btn.primary:hover {
      background: #0175c7;
      text-decoration: none; }
  .random_word_btn.ghost {
    background: none;
    border: 1px solid var(--jdc-border, #e5e7eb);
    color: var(--jdc-text, #111827); }
    .random_word_btn.ghost:hover {
      border-color: #018df0;
      color: #018df0;
      text-decoration: none; }

.random_word_more {
  margin: 24px 0 0;
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.8125rem; }

.random_word_chip {
  display: inline-block;
  margin: 4px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 999px;
  color: var(--jdc-text, #111827);
  text-decoration: none;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem; }
  .random_word_chip:hover {
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }

@media screen and (max-width: 500px) {
  .dict_hub_grid {
    grid-template-columns: 1fr; }

  .random_word_form {
    font-size: calc(0.9875rem + 1.35vw); } }
  @media screen and (max-width: 500px) and (min-width: 1200px) {
    .random_word_form {
      font-size: 2rem; } }

#dictionnaire_index h1, #dictionnaire_index h2 {
  padding: 15px 15px 15px 0;
  margin-bottom: 15px;
  border-bottom: dotted 1px #aaa; }
#dictionnaire_index input[name="word"] {
  width: 235px; }
#dictionnaire_index #suggestion {
  margin: 20px 0; }
#dictionnaire_index p {
  text-align: center; }
  #dictionnaire_index p button {
    padding: 30px;
    margin: 30px;
    font-weight: bold;
    display: inline-block; }
#dictionnaire_index #search p {
  text-align: left;
  margin-bottom: 10px; }

#errors_admin {
  background: #1f2937; }
  #errors_admin .admin-errors-container {
    max-width: 1000px;
    margin: 20px auto;
    padding: 0 20px;
    font-family: "Inter", sans-serif;
    color: #fff; }
    #errors_admin .admin-errors-container .errors-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding-bottom: 15px; }
      #errors_admin .admin-errors-container .errors-header h1 {
        margin: 0;
        font-size: 1.8rem; }
      #errors_admin .admin-errors-container .errors-header .btn-back {
        display: inline-block;
        margin-top: 5px;
        font-size: 0.9rem;
        color: #3498db;
        text-decoration: none; }
    #errors_admin .admin-errors-container .table-controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: rgba(255, 255, 255, 0.05);
      padding: 10px 20px;
      border-radius: 8px 8px 0 0; }
      #errors_admin .admin-errors-container .table-controls .select-all-label {
        cursor: pointer;
        font-size: 0.9rem; }
    #errors_admin .admin-errors-container .errors-list {
      list-style: none;
      padding: 0;
      margin: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-top: none; }
      #errors_admin .admin-errors-container .errors-list .error-group-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        background: rgba(255, 255, 255, 0.01); }
        #errors_admin .admin-errors-container .errors-list .error-group-item .error-location-badge {
          margin-top: 8px;
          display: inline-block;
          background-color: rgba(224, 242, 254, 0.1);
          color: #0c4a6e;
          border-left: 4px solid #0284c7;
          padding: 6px 12px;
          border-radius: 4px;
          font-size: 13px;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .error-location-badge strong {
            font-weight: 700;
            color: #0369a1; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .error-location-badge .pin-icon {
            margin-right: 5px;
            color: #ef4444; }
        #errors_admin .admin-errors-container .errors-list .error-group-item .group-header {
          display: flex;
          align-items: center;
          padding: 12px 20px;
          cursor: pointer;
          transition: background 0.2s; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .group-info {
            margin-left: 15px; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-checkbox {
            text-align: center; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header:hover {
            background: rgba(255, 255, 255, 0.05); }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-count {
            background: #e74c3c;
            color: white;
            border-radius: 12px;
            padding: 2px 10px;
            font-size: 0.8rem;
            font-weight: bold;
            min-width: 30px;
            text-align: center; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-content {
            flex: 1; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-meta {
            font-size: 0.75rem;
            color: #94a3b8;
            margin-bottom: 2px; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-date {
            font-weight: bold;
            color: #3498db; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .error-title {
            font-size: 0.95rem;
            font-weight: 500;
            word-break: break-all; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .group-header .toggle-icon {
            color: #718096;
            margin-left: 15px;
            font-size: 0.8rem; }
        #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list {
          list-style: none;
          padding: 10px 10px 10px 60px;
          background: rgba(0, 0, 0, 0.2);
          border-top: 1px solid rgba(255, 255, 255, 0.05); }
          #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list.hidden {
            display: none; }
          #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list .sub-error-item {
            padding: 6px 0;
            display: flex;
            align-items: center;
            font-size: 0.85rem; }
            #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list .sub-error-item .sub-link {
              text-decoration: none;
              color: #a0aec0;
              margin-left: 10px; }
              #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list .sub-error-item .sub-link:hover {
                color: #3498db; }
            #errors_admin .admin-errors-container .errors-list .error-group-item .sub-errors-list .sub-error-item .sub-date {
              color: #4a5568;
              margin-right: 5px; }
    #errors_admin .admin-errors-container .btn-danger, #errors_admin .admin-errors-container .btn-danger-outline {
      padding: 8px 16px;
      border-radius: 6px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.2s; }
    #errors_admin .admin-errors-container .btn-danger {
      background: #e74c3c;
      border: none;
      color: white; }
      #errors_admin .admin-errors-container .btn-danger:hover {
        background: #c0392b; }
    #errors_admin .admin-errors-container .btn-danger-outline {
      background: transparent;
      border: 1px solid #e74c3c;
      color: #e74c3c;
      text-decoration: none;
      font-size: 0.8rem; }
      #errors_admin .admin-errors-container .btn-danger-outline:hover {
        background: #e74c3c;
        color: white; }
    #errors_admin .admin-errors-container .pagination-footer {
      margin-top: 20px;
      display: flex;
      justify-content: center; }

#error_admin {
  background: #1f2937; }
  #error_admin .error-detail-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
    color: #f8fafc; }
    #error_admin .error-detail-container .error-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 30px; }
      #error_admin .error-detail-container .error-header .breadcrumb {
        font-size: 0.9rem;
        color: #94a3b8;
        margin-bottom: 10px; }
        #error_admin .error-detail-container .error-header .breadcrumb a {
          color: #3498db;
          text-decoration: none; }
      #error_admin .error-detail-container .error-header h1 {
        margin: 0;
        font-size: 1.5rem; }
        #error_admin .error-detail-container .error-header h1 .label {
          color: #e74c3c;
          font-weight: 800; }
      #error_admin .error-detail-container .error-header .error-meta {
        margin-top: 10px;
        font-size: 0.85rem;
        color: #64748b;
        display: flex;
        gap: 20px; }
        #error_admin .error-detail-container .error-header .error-meta span {
          display: flex;
          align-items: center;
          gap: 5px; }
    #error_admin .error-detail-container .error-display-card {
      background: #0f172a;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
      overflow: hidden; }
      #error_admin .error-detail-container .error-display-card .card-header {
        background: #1e293b;
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        #error_admin .error-detail-container .error-display-card .card-header .window-controls {
          display: flex;
          gap: 8px; }
          #error_admin .error-detail-container .error-display-card .card-header .window-controls .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%; }
            #error_admin .error-detail-container .error-display-card .card-header .window-controls .dot.red {
              background: #ff5f56; }
            #error_admin .error-detail-container .error-display-card .card-header .window-controls .dot.yellow {
              background: #ffbd2e; }
            #error_admin .error-detail-container .error-display-card .card-header .window-controls .dot.green {
              background: #27c93f; }
        #error_admin .error-detail-container .error-display-card .card-header .btn-copy {
          background: transparent;
          border: 1px solid rgba(255, 255, 255, 0.2);
          color: #fff;
          padding: 4px 12px;
          border-radius: 4px;
          font-size: 0.8rem;
          cursor: pointer;
          transition: all 0.2s; }
          #error_admin .error-detail-container .error-display-card .card-header .btn-copy:hover {
            background: rgba(255, 255, 255, 0.1); }
          #error_admin .error-detail-container .error-display-card .card-header .btn-copy.success {
            border-color: #27c93f;
            color: #27c93f; }
      #error_admin .error-detail-container .error-display-card .log-content {
        padding: 30px;
        overflow-x: auto;
        font-family: "JetBrains Mono", "Fira Code", monospace;
        font-size: 0.9rem;
        line-height: 1.5;
        color: #e2e8f0; }
        #error_admin .error-detail-container .error-display-card .log-content table {
          width: 100%;
          border-collapse: collapse;
          margin: 10px 0;
          color: #333;
          background: #f1f5f9;
          border-radius: 4px; }
          #error_admin .error-detail-container .error-display-card .log-content table td, #error_admin .error-detail-container .error-display-card .log-content table th {
            padding: 8px;
            border: 1px solid #cbd5e1; }
    #error_admin .error-detail-container .error-footer {
      margin-top: 30px;
      display: flex;
      gap: 15px; }
      #error_admin .error-detail-container .error-footer .btn-secondary {
        text-decoration: none;
        color: #94a3b8;
        font-size: 0.9rem;
        padding: 8px 16px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 6px;
        transition: all 0.2s; }
        #error_admin .error-detail-container .error-footer .btn-secondary:hover {
          background: rgba(255, 255, 255, 0.05);
          color: #fff; }
    #error_admin .error-detail-container .btn-danger {
      background: #e74c3c;
      color: #fff;
      padding: 10px 20px;
      border-radius: 6px;
      text-decoration: none;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: background 0.2s; }
      #error_admin .error-detail-container .btn-danger:hover {
        background: #c0392b; }

#favorits_index .bib_intro {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 20px;
  padding: 18px 22px;
  background: rgba(1, 141, 240, 0.08);
  border: 1px solid rgba(1, 141, 240, 0.16);
  border-radius: 12px;
  color: var(--jdc-text-soft, #374151); }
  #favorits_index .bib_intro .bib_intro_icon {
    font-size: calc(0.9625rem + 1.05vw);
    line-height: 1; }
    @media (min-width: 1200px) {
      #favorits_index .bib_intro .bib_intro_icon {
        font-size: 1.75rem; } }
  #favorits_index .bib_intro .bib_intro_text {
    font-size: 0.875rem;
    line-height: 1.6; }
    #favorits_index .bib_intro .bib_intro_text p {
      margin: 0; }
      #favorits_index .bib_intro .bib_intro_text p + p {
        margin-top: 6px;
        color: var(--jdc-text-muted, #6b7280); }
    #favorits_index .bib_intro .bib_intro_text strong {
      color: var(--jdc-text, #111827); }
#favorits_index .lang_intro {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 20px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid rgba(1, 141, 240, 0.16);
  border-radius: 12px;
  color: var(--jdc-text-soft, #374151); }
  #favorits_index .lang_intro .lang_intro_icon {
    font-size: calc(0.9375rem + 0.75vw);
    line-height: 1; }
    @media (min-width: 1200px) {
      #favorits_index .lang_intro .lang_intro_icon {
        font-size: 1.5rem; } }
  #favorits_index .lang_intro .lang_intro_text {
    font-size: 0.8125rem;
    line-height: 1.6; }
    #favorits_index .lang_intro .lang_intro_text p {
      margin: 0; }
      #favorits_index .lang_intro .lang_intro_text p + p {
        margin-top: 6px;
        color: var(--jdc-text-muted, #6b7280); }
    #favorits_index .lang_intro .lang_intro_text strong {
      color: var(--jdc-text, #111827); }
#favorits_index .lang_tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px; }
#favorits_index .lang_tree_empty {
  margin: 0 0 16px;
  padding: 20px 24px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px dashed var(--jdc-border-strong, #d1d5db);
  border-radius: 12px;
  font-size: 0.8125rem;
  text-align: center;
  color: var(--jdc-text-muted, #6b7280); }
#favorits_index .lang_tree_stage {
  position: relative;
  width: 100%;
  height: 480px;
  margin: 0 0 16px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  overflow: hidden; }
  #favorits_index .lang_tree_stage #g3d_canvas, #favorits_index .lang_tree_stage #g3d_labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#favorits_index .bib_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px; }
  #favorits_index .bib_toolbar .folder_btns {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px; }
    #favorits_index .bib_toolbar .folder_btns .icons-list, #favorits_index .bib_toolbar .folder_btns .icons-icons {
      -moz-background-size: 24px 571px;
      -o-background-size: 24px 571px;
      -webkit-background-size: 24px 571px;
      background-size: 24px 571px;
      width: 24px;
      height: 24px;
      background-position: 0 -185px;
      cursor: pointer;
      opacity: 0.55;
      transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      #favorits_index .bib_toolbar .folder_btns .icons-list:hover, #favorits_index .bib_toolbar .folder_btns .icons-icons:hover {
        opacity: 1; }
    #favorits_index .bib_toolbar .folder_btns .icons-icons {
      -moz-background-size: 24px 571px;
      -o-background-size: 24px 571px;
      -webkit-background-size: 24px 571px;
      background-size: 24px 571px;
      width: 24px;
      height: 24px;
      background-position: 0 -147px; }
  #favorits_index .bib_toolbar #fil_ariane {
    flex: 1 1 200px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    min-width: 0;
    padding: 8px 16px;
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 999px;
    font-size: 0.8125rem;
    color: var(--jdc-text-muted, #6b7280); }
    #favorits_index .bib_toolbar #fil_ariane a {
      color: var(--jdc-text-soft, #374151);
      text-decoration: none; }
      #favorits_index .bib_toolbar #fil_ariane a:hover {
        color: #018df0;
        text-decoration: underline; }
      #favorits_index .bib_toolbar #fil_ariane a:last-child {
        color: var(--jdc-text, #111827);
        font-weight: 600; }
      #favorits_index .bib_toolbar #fil_ariane a.drop_hover {
        color: #018df0;
        background: rgba(1, 141, 240, 0.08);
        border-radius: 8px; }
    #favorits_index .bib_toolbar #fil_ariane span {
      color: var(--jdc-text-faint, #9ca3af);
      margin: 0 4px; }
#favorits_index .btn_biblio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--jdc-text-soft, #374151);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #favorits_index .btn_biblio .icons-home-folder {
    -moz-background-size: 36px 856px;
    -o-background-size: 36px 856px;
    -webkit-background-size: 36px 856px;
    background-size: 36px 856px;
    width: 18px;
    height: 17px;
    background-position: 0 -204px; }
  #favorits_index .btn_biblio .icons-parent-folder {
    -moz-background-size: 36px 856px;
    -o-background-size: 36px 856px;
    -webkit-background-size: 36px 856px;
    background-size: 36px 856px;
    width: 18px;
    height: 15px;
    background-position: 0 -440px; }
  #favorits_index .btn_biblio .icons-locked {
    -moz-background-size: 36px 856px;
    -o-background-size: 36px 856px;
    -webkit-background-size: 36px 856px;
    background-size: 36px 856px;
    width: 14px;
    height: 18px;
    background-position: 0 -318px; }
  #favorits_index .btn_biblio .icons-unlocked {
    -moz-background-size: 36px 856px;
    -o-background-size: 36px 856px;
    -webkit-background-size: 36px 856px;
    background-size: 36px 856px;
    width: 14px;
    height: 18px;
    background-position: 0 -590px; }
  #favorits_index .btn_biblio:hover {
    background: rgba(1, 141, 240, 0.08);
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }
  #favorits_index .btn_biblio.primary {
    background: #018df0;
    border-color: #018df0;
    color: #fff; }
    #favorits_index .btn_biblio.primary:hover {
      background: #0175c7;
      border-color: #0175c7;
      color: #fff; }
#favorits_index #form_new_folder, #favorits_index #form_new_file {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  #favorits_index #form_new_folder form, #favorits_index #form_new_file form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative; }
  #favorits_index #form_new_folder input[type="text"], #favorits_index #form_new_file input[type="text"] {
    flex: 1 1 220px;
    padding: 7px 12px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--jdc-text, #111827); }
    #favorits_index #form_new_folder input[type="text"]:focus, #favorits_index #form_new_file input[type="text"]:focus {
      outline: none;
      border-color: #018df0; }
  #favorits_index #form_new_folder label, #favorits_index #form_new_file label {
    font-size: 0.8125rem;
    color: var(--jdc-text-muted, #6b7280);
    cursor: pointer; }
  #favorits_index #form_new_folder .btn_ok, #favorits_index #form_new_file .btn_ok {
    padding: 7px 14px;
    background: #018df0;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    #favorits_index #form_new_folder .btn_ok:hover, #favorits_index #form_new_file .btn_ok:hover {
      background: #0175c7; }
    #favorits_index #form_new_folder .btn_ok:disabled, #favorits_index #form_new_file .btn_ok:disabled {
      background: var(--jdc-border-strong, #d1d5db);
      cursor: not-allowed; }
  #favorits_index #form_new_folder .btn_cancel, #favorits_index #form_new_file .btn_cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 0.875rem;
    color: var(--jdc-text-muted, #6b7280);
    cursor: pointer;
    border-radius: 6px; }
    #favorits_index #form_new_folder .btn_cancel:hover, #favorits_index #form_new_file .btn_cancel:hover {
      background: var(--jdc-border, #e5e7eb);
      color: var(--jdc-text, #111827); }
#favorits_index #form_new_file .file_search_wrap {
  position: relative;
  flex: 1 1 220px; }
#favorits_index #form_new_file .file_search_suggestions {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 4px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
  max-height: 260px;
  overflow-y: auto; }
  #favorits_index #form_new_file .file_search_suggestions li {
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--jdc-text, #111827);
    cursor: pointer; }
    #favorits_index #form_new_file .file_search_suggestions li.active {
      background: rgba(1, 141, 240, 0.08);
      color: #018df0; }
    #favorits_index #form_new_file .file_search_suggestions li .suggestion_nature {
      margin-left: 6px;
      font-size: 0.6875rem;
      color: var(--jdc-text-faint, #9ca3af); }
#favorits_index #form_new_file .file_lemme_choice {
  flex: 1 1 100%; }
  #favorits_index #form_new_file .file_lemme_choice label {
    display: flex;
    flex-direction: column;
    gap: 4px; }
  #favorits_index #form_new_file .file_lemme_choice select {
    padding: 6px 10px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--jdc-text, #111827); }
#favorits_index #form_new_invented_word, #favorits_index #form_edit_invented_word {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  #favorits_index #form_new_invented_word form, #favorits_index #form_edit_invented_word form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    position: relative; }
  #favorits_index #form_new_invented_word .invented_word_help, #favorits_index #form_edit_invented_word .invented_word_help {
    flex: 1 1 100%;
    margin: 0 0 4px;
    font-size: 0.78125rem;
    color: var(--jdc-text-muted, #6b7280); }
  #favorits_index #form_new_invented_word .invented_field, #favorits_index #form_edit_invented_word .invented_field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 220px; }
    #favorits_index #form_new_invented_word .invented_field > label, #favorits_index #form_edit_invented_word .invented_field > label {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 0.78125rem;
      font-weight: 600;
      color: var(--jdc-text-soft, #374151); }
      #favorits_index #form_new_invented_word .invented_field > label .info_tip, #favorits_index #form_edit_invented_word .invented_field > label .info_tip {
        margin-left: 2px; }
  #favorits_index #form_new_invented_word .invented_field_meaning, #favorits_index #form_edit_invented_word .invented_field_meaning {
    flex-basis: 100%; }
  #favorits_index #form_new_invented_word .invented_form_input_wrap, #favorits_index #form_edit_invented_word .invented_form_input_wrap {
    display: flex;
    align-items: center;
    gap: 6px; }
  #favorits_index #form_new_invented_word .invented_form_help, #favorits_index #form_edit_invented_word .invented_form_help {
    margin: 2px 0 0;
    font-size: 0.71875rem;
    line-height: 1.5;
    color: var(--jdc-text-muted, #6b7280); }
  #favorits_index #form_new_invented_word .invented_form_help_link, #favorits_index #form_edit_invented_word .invented_form_help_link {
    color: #018df0;
    text-decoration: none; }
    #favorits_index #form_new_invented_word .invented_form_help_link:hover, #favorits_index #form_edit_invented_word .invented_form_help_link:hover {
      text-decoration: underline; }
  #favorits_index #form_new_invented_word input[type="text"], #favorits_index #form_new_invented_word textarea, #favorits_index #form_edit_invented_word input[type="text"], #favorits_index #form_edit_invented_word textarea {
    flex: 1 1 auto;
    min-width: 0;
    padding: 7px 12px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--jdc-text, #111827);
    font-family: inherit;
    resize: vertical; }
    #favorits_index #form_new_invented_word input[type="text"]:focus, #favorits_index #form_new_invented_word textarea:focus, #favorits_index #form_edit_invented_word input[type="text"]:focus, #favorits_index #form_edit_invented_word textarea:focus {
      outline: none;
      border-color: #018df0; }
  #favorits_index #form_new_invented_word textarea, #favorits_index #form_edit_invented_word textarea {
    min-height: 40px; }
  #favorits_index #form_new_invented_word label, #favorits_index #form_edit_invented_word label {
    font-size: 0.8125rem;
    color: var(--jdc-text-muted, #6b7280);
    cursor: pointer; }
  #favorits_index #form_new_invented_word .btn_ok, #favorits_index #form_edit_invented_word .btn_ok {
    padding: 7px 14px;
    background: #018df0;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    #favorits_index #form_new_invented_word .btn_ok:hover, #favorits_index #form_edit_invented_word .btn_ok:hover {
      background: #0175c7; }
  #favorits_index #form_new_invented_word .btn_cancel, #favorits_index #form_edit_invented_word .btn_cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 0.875rem;
    color: var(--jdc-text-muted, #6b7280);
    cursor: pointer;
    border-radius: 6px; }
    #favorits_index #form_new_invented_word .btn_cancel:hover, #favorits_index #form_edit_invented_word .btn_cancel:hover {
      background: var(--jdc-border, #e5e7eb);
      color: var(--jdc-text, #111827); }
  #favorits_index #form_new_invented_word .french_equivalent_wrap, #favorits_index #form_edit_invented_word .french_equivalent_wrap {
    position: relative; }
  #favorits_index #form_new_invented_word .french_search_suggestions, #favorits_index #form_edit_invented_word .french_search_suggestions {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    right: 0;
    margin: 4px 0 0;
    padding: 4px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    max-height: 260px;
    overflow-y: auto; }
    #favorits_index #form_new_invented_word .french_search_suggestions li, #favorits_index #form_edit_invented_word .french_search_suggestions li {
      padding: 7px 10px;
      border-radius: 6px;
      font-size: 0.8125rem;
      color: var(--jdc-text, #111827);
      cursor: pointer; }
      #favorits_index #form_new_invented_word .french_search_suggestions li.active, #favorits_index #form_edit_invented_word .french_search_suggestions li.active {
        background: rgba(1, 141, 240, 0.08);
        color: #018df0; }
      #favorits_index #form_new_invented_word .french_search_suggestions li .suggestion_nature, #favorits_index #form_edit_invented_word .french_search_suggestions li .suggestion_nature {
        margin-left: 6px;
        font-size: 0.6875rem;
        color: var(--jdc-text-faint, #9ca3af); }
  #favorits_index #form_new_invented_word .french_lemme_choice, #favorits_index #form_edit_invented_word .french_lemme_choice {
    flex: 1 1 100%; }
    #favorits_index #form_new_invented_word .french_lemme_choice label, #favorits_index #form_edit_invented_word .french_lemme_choice label {
      display: flex;
      flex-direction: column;
      gap: 4px; }
    #favorits_index #form_new_invented_word .french_lemme_choice select, #favorits_index #form_edit_invented_word .french_lemme_choice select {
      padding: 6px 10px;
      background: var(--jdc-surface, #ffffff);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 6px;
      font-size: 0.8125rem;
      color: var(--jdc-text, #111827); }
#favorits_index #favorits > .lang_atelier_banner {
  margin: 0 0 14px;
  padding: 8px 14px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px dashed var(--jdc-border-strong, #d1d5db);
  border-radius: 8px;
  font-size: 0.78125rem;
  color: var(--jdc-text-muted, #6b7280); }
  #favorits_index #favorits > .lang_atelier_banner a {
    color: #018df0;
    font-weight: 600;
    text-decoration: none; }
    #favorits_index #favorits > .lang_atelier_banner a:hover {
      text-decoration: underline; }
#favorits_index #favorits > .no_element {
  padding: 48px 24px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px dashed var(--jdc-border-strong, #d1d5db);
  border-radius: 12px;
  font-size: 0.875rem;
  text-align: center;
  color: var(--jdc-text-muted, #6b7280); }
  #favorits_index #favorits > .no_element strong {
    color: var(--jdc-text-soft, #374151); }
#favorits_index #favorits ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px; }
  #favorits_index #favorits ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 18px 10px 14px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
    text-align: center;
    color: var(--jdc-text, #111827);
    cursor: pointer;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    #favorits_index #favorits ul li:hover {
      border-color: var(--jdc-border-strong, #d1d5db);
      box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
      transform: translateY(-2px); }
      #favorits_index #favorits ul li:hover .link_to_remove {
        display: block; }
    #favorits_index #favorits ul li.drop_hover {
      border-color: #018df0;
      background: rgba(1, 141, 240, 0.08);
      box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05); }
    #favorits_index #favorits ul li .icons-folder {
      -moz-background-size: 44px 1046px;
      -o-background-size: 44px 1046px;
      -webkit-background-size: 44px 1046px;
      background-size: 44px 1046px;
      width: 44px;
      height: 44px;
      background-position: 0 -183px;
      position: relative; }
      #favorits_index #favorits ul li .icons-folder.locked::after {
        background-position: 0 -883px;
        -moz-background-size: 30px 713px;
        -o-background-size: 30px 713px;
        -webkit-background-size: 30px 713px;
        background-size: 30px 713px;
        width: 12px;
        height: 15px;
        background-position: 0 -265px;
        content: "";
        display: block;
        position: absolute;
        right: -6px;
        bottom: -2px; }
    #favorits_index #favorits ul li .icons-file {
      -moz-background-size: 44px 1046px;
      -o-background-size: 44px 1046px;
      -webkit-background-size: 44px 1046px;
      background-size: 44px 1046px;
      width: 35px;
      height: 44px;
      background-position: 0 -129px;
      position: relative; }
    #favorits_index #favorits ul li .favorit_name {
      display: block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.3; }
    #favorits_index #favorits ul li .favorit_count {
      padding: 2px 10px;
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 999px;
      font-size: 0.6875rem;
      color: var(--jdc-text-muted, #6b7280); }
    #favorits_index #favorits ul li .favorit_lemme_badge {
      padding: 1px 8px;
      background: rgba(1, 141, 240, 0.08);
      border-radius: 999px;
      font-size: 0.625rem;
      color: #018df0; }
    #favorits_index #favorits ul li .link_to_remove {
      display: none;
      position: absolute;
      top: -7px;
      right: -10px;
      z-index: 2; }
      #favorits_index #favorits ul li .link_to_remove .icons-delete_active {
        display: block;
        width: 14px;
        height: 14px; }
    #favorits_index #favorits ul li .btn_edit_invented_word {
      display: none;
      position: absolute;
      top: -7px;
      left: -10px;
      z-index: 2;
      font-size: 0.8125rem;
      cursor: pointer; }
    #favorits_index #favorits ul li:hover .btn_edit_invented_word {
      display: block; }
    #favorits_index #favorits ul li.file .favorit_name {
      text-transform: capitalize; }
    #favorits_index #favorits ul li.folder.system {
      cursor: default;
      border-color: rgba(1, 141, 240, 0.16); }
    #favorits_index #favorits ul li.invented_word {
      cursor: default; }
      #favorits_index #favorits ul li.invented_word .favorit_name.invented_form {
        font-family: "Fondamento", serif;
        font-size: calc(0.8875rem + 0.15vw);
        text-transform: none; }
        @media (min-width: 1200px) {
          #favorits_index #favorits ul li.invented_word .favorit_name.invented_form {
            font-size: 1rem; } }
      #favorits_index #favorits ul li.invented_word .invented_meaning {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.6875rem;
        color: var(--jdc-text-muted, #6b7280); }
      #favorits_index #favorits ul li.invented_word .invented_equivalent {
        padding: 1px 8px;
        background: var(--jdc-bg-subtle, #f1f2f4);
        border: 1px solid var(--jdc-border, #e5e7eb);
        border-radius: 999px;
        font-size: 0.625rem;
        color: var(--jdc-text-soft, #374151); }
#favorits_index #favorits.tree ul {
  display: flex;
  flex-direction: column;
  gap: 6px; }
  #favorits_index #favorits.tree ul li {
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 16px;
    text-align: left; }
    #favorits_index #favorits.tree ul li:hover {
      transform: none; }
    #favorits_index #favorits.tree ul li .icons-folder {
      -moz-background-size: 22px 523px;
      -o-background-size: 22px 523px;
      -webkit-background-size: 22px 523px;
      background-size: 22px 523px;
      width: 22px;
      height: 22px;
      background-position: 0 -92px; }
      #favorits_index #favorits.tree ul li .icons-folder.locked::after {
        -moz-background-size: 16px 381px;
        -o-background-size: 16px 381px;
        -webkit-background-size: 16px 381px;
        background-size: 16px 381px;
        width: 6px;
        height: 8px;
        background-position: 0 -142px;
        right: -5px;
        bottom: -2px; }
    #favorits_index #favorits.tree ul li .icons-file {
      -moz-background-size: 22px 523px;
      -o-background-size: 22px 523px;
      -webkit-background-size: 22px 523px;
      background-size: 22px 523px;
      width: 18px;
      height: 22px;
      background-position: 0 -65px; }
    #favorits_index #favorits.tree ul li .favorit_count {
      margin-left: auto; }

.ui-draggable-dragging {
  opacity: 0.65;
  cursor: grabbing !important; }

#result_research li a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

#graph3d_stage {
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #05070d;
  color: #e9e7f2; }
  #graph3d_stage .g3d_root {
    position: relative;
    width: 100%;
    height: 100%; }

body#graphe footer {
  display: none; }

#g3d_canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  #g3d_canvas .g3d_canvas_el {
    display: block;
    width: 100%;
    height: 100%;
    cursor: grab; }
  #g3d_canvas:active .g3d_canvas_el {
    cursor: grabbing; }

#g3d_labels, .g3d_labels_layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none; }

.g3d_load_error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  color: #ff7a93;
  text-align: center;
  font-size: 0.8125rem; }

.g3d_label {
  position: absolute;
  transform: translate(-50%, -120%);
  white-space: nowrap;
  pointer-events: none;
  font-family: "Lato", sans-serif;
  font-size: 0.6875rem;
  color: #cfcbe4;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
  .g3d_label.is_root {
    font-family: "Fondamento", serif;
    font-size: calc(0.88125rem + 0.075vw);
    color: #fff; }
    @media (min-width: 1200px) {
      .g3d_label.is_root {
        font-size: 0.9375rem; } }
  .g3d_label.is_selected {
    color: #018df0;
    font-weight: bold; }

#g3d_labels:not(.has_selection) .g3d_label.is_root, .g3d_labels_layer:not(.has_selection) .g3d_label.is_root {
  opacity: 1 !important; }

#g3d_site_nav {
  position: fixed;
  top: 50px;
  left: -231px;
  width: 230px;
  height: calc(100vh - 50px);
  z-index: 9998;
  overflow-y: auto;
  background: rgba(13, 17, 23, 0.96);
  backdrop-filter: blur(10px);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  transition: left 0.3s ease-out; }
  #g3d_site_nav.g3d_nav_active {
    left: 0; }
  #g3d_site_nav .nav {
    list-style: none;
    padding: calc(0.9125rem + 0.45vw) 0; }
    @media (min-width: 1200px) {
      #g3d_site_nav .nav {
        padding: 1.25rem 0; } }
    #g3d_site_nav .nav li {
      color: #cfcbe4;
      font-size: 0.8125rem; }
      #g3d_site_nav .nav li.sub {
        padding-left: 20px; }
      #g3d_site_nav .nav li a {
        display: block;
        color: #cfcbe4;
        text-decoration: none;
        line-height: 1.5;
        padding: 0.25rem 0.25rem 0.25rem 0.5rem; }
      #g3d_site_nav .nav li.active {
        background: rgba(1, 141, 240, 0.18);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        #g3d_site_nav .nav li.active a {
          color: #018df0 !important; }
      #g3d_site_nav .nav li:hover {
        background: rgba(255, 255, 255, 0.06); }
    #g3d_site_nav .nav .nav_group {
      padding: 0; }
      #g3d_site_nav .nav .nav_group.open > .nav_head .nav_chevron {
        transform: rotate(90deg); }
    #g3d_site_nav .nav .nav_head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      #g3d_site_nav .nav .nav_head a {
        flex: 1; }
      #g3d_site_nav .nav .nav_head.active {
        background: rgba(1, 141, 240, 0.18);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        #g3d_site_nav .nav .nav_head.active a {
          color: #018df0 !important; }
      #g3d_site_nav .nav .nav_head.child_active {
        background: rgba(1, 141, 240, 0.08);
        border-left: 3px solid rgba(1, 141, 240, 0.4); }
      #g3d_site_nav .nav .nav_head:hover {
        background: rgba(255, 255, 255, 0.06); }
    #g3d_site_nav .nav .nav_label {
      display: block;
      line-height: 1.5;
      flex: 1;
      padding: 0.25rem 0.25rem 0.25rem 0.5rem;
      font-size: 0.8125rem; }
    #g3d_site_nav .nav .nav_chevron {
      display: inline-block;
      flex-shrink: 0;
      width: 24px;
      text-align: center;
      color: #8c8aa0;
      transition: transform 0.15s ease-out; }
      #g3d_site_nav .nav .nav_chevron:hover {
        color: #018df0; }
    #g3d_site_nav .nav .nav_sub {
      display: none;
      list-style: none;
      padding-left: 20px; }
      #g3d_site_nav .nav .nav_sub li a {
        font-size: 0.75rem; }
    #g3d_site_nav .nav .nav_group.open > .nav_sub {
      display: block; }

.g3d_hud {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 20;
  width: 220px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: rgba(13, 17, 23, 0.78);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #cfcbe4;
  padding: 0.5625rem; }

.g3d_panel {
  display: contents; }

.g3d_search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 0.375rem 0.625rem; }
  .g3d_search:focus-within {
    border-color: #018df0; }

.g3d_search_icon {
  flex: 0 0 auto;
  opacity: 0.7;
  font-size: 0.8125rem; }

.g3d_search_input {
  flex: 1 1 auto;
  min-width: 0;
  background: none;
  border: none;
  outline: none;
  color: #e9e7f2;
  font: inherit;
  font-size: 0.75rem; }
  .g3d_search_input::placeholder {
    color: #8c8aa0; }
  .g3d_search_input:disabled {
    opacity: 0.4;
    cursor: wait; }

.g3d_search_suggestions {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 240px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 4px;
  background: rgba(13, 17, 23, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); }
  .g3d_search_suggestions.hidden {
    display: none; }

.g3d_search_item {
  cursor: pointer;
  border-radius: 6px;
  color: #cfcbe4;
  font-size: 0.75rem;
  padding: 0.375rem 0.5rem; }
  .g3d_search_item.is_active, .g3d_search_item:hover {
    background: #018df0;
    color: #fff; }

.g3d_modes {
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  overflow: hidden; }

.g3d_mode_btn {
  flex: 1 1 50%;
  border-radius: 0;
  background: transparent;
  border: none;
  color: #cfcbe4;
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem;
  padding: 0.375rem 0.25rem; }
  .g3d_mode_btn:first-child {
    border-radius: 999px 0 0 999px; }
  .g3d_mode_btn:last-child {
    border-radius: 0 999px 999px 0; }
  .g3d_mode_btn.active {
    background: #018df0;
    color: #fff;
    font-weight: bold; }
  .g3d_mode_btn:hover {
    background: rgba(255, 255, 255, 0.1); }
  .g3d_mode_btn.active:hover {
    background: #018df0; }

.g3d_reset_row {
  display: flex;
  align-items: center;
  gap: 6px; }

.g3d_reset_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer;
  font: inherit;
  font-size: 0.8125rem; }
  .g3d_reset_btn:hover {
    border-color: #018df0;
    color: #018df0; }

.g3d_orphans {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.6875rem; }
  .g3d_orphans input {
    cursor: pointer; }
  .g3d_orphans .g3d_orphans_label {
    flex: 1 1 auto; }
  .g3d_orphans .info_tip {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    font-size: 0.625rem;
    color: #cfcbe4;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16); }
    .g3d_orphans .info_tip:hover, .g3d_orphans .info_tip:focus {
      color: #018df0;
      border-color: #018df0;
      background: rgba(255, 255, 255, 0.06); }
    .g3d_orphans .info_tip[aria-expanded="true"] {
      color: #018df0;
      border-color: #018df0;
      background: rgba(255, 255, 255, 0.06); }

.g3d_axes, .g3d_wheel_inverted, .g3d_ascendants, .g3d_descendants, .g3d_brothers, .g3d_nephews {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.6875rem; }
  .g3d_axes input, .g3d_wheel_inverted input, .g3d_ascendants input, .g3d_descendants input, .g3d_brothers input, .g3d_nephews input {
    cursor: pointer; }

.g3d_orphans:has(input:disabled), .g3d_brothers:has(input:disabled), .g3d_nephews:has(input:disabled) {
  opacity: 0.45;
  cursor: not-allowed; }
  .g3d_orphans:has(input:disabled) input, .g3d_brothers:has(input:disabled) input, .g3d_nephews:has(input:disabled) input {
    cursor: not-allowed; }

.g3d_inertia, .g3d_sel_opacity, .g3d_sel_boost {
  cursor: pointer;
  font-size: 0.6875rem; }
  .g3d_inertia input, .g3d_sel_opacity input, .g3d_sel_boost input {
    cursor: pointer; }

.g3d_inertia {
  display: flex;
  align-items: center;
  gap: 6px; }
  .g3d_inertia input {
    flex: 1 1 auto; }

.g3d_sel_opacity, .g3d_sel_boost {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px; }
  .g3d_sel_opacity input, .g3d_sel_boost input {
    width: 100%; }

.g3d_inertia_label, .g3d_sel_opacity_label, .g3d_sel_boost_label {
  flex: 0 0 auto; }

.g3d_axis_btn {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.625rem; }
  .g3d_axis_btn:hover {
    border-color: #018df0; }

.g3d_axis_btn_x {
  color: #ff4747; }
  .g3d_axis_btn_x:hover {
    border-color: #ff4747; }

.g3d_axis_btn_y {
  color: #52ff6b; }
  .g3d_axis_btn_y:hover {
    border-color: #52ff6b; }

.g3d_axis_btn_z {
  color: #5c8fff; }
  .g3d_axis_btn_z:hover {
    border-color: #5c8fff; }

.g3d_collapsible_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  color: #8c8aa0;
  font-size: 0.6875rem; }
  .g3d_collapsible_head:hover {
    color: #018df0; }

.g3d_collapsible_title {
  display: flex;
  align-items: center;
  gap: 6px; }

.g3d_options_reset_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer;
  font: inherit;
  font-size: 0.6875rem; }
  .g3d_options_reset_btn:hover {
    border-color: #018df0;
    color: #018df0; }

.g3d_collapsible_chevron {
  display: inline-block;
  transition: transform 0.15s ease-out; }

.g3d_collapsible.open .g3d_collapsible_chevron {
  transform: rotate(90deg); }

.g3d_collapsible_body {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 7px; }

.g3d_collapsible:not(.open) .g3d_collapsible_body {
  display: none; }

.g3d_legend {
  max-height: 190px;
  overflow-y: auto; }
  .g3d_legend:empty {
    display: none; }

.g3d_legend_list {
  list-style: none;
  margin: 0;
  padding: 0; }

.g3d_legend_item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #cfcbe4;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.1875rem 0; }
  .g3d_legend_item:hover {
    color: #fff; }

.g3d_legend_dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: 0 0 auto; }

.g3d_legend_label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.g3d_legend_count {
  color: #8c8aa0;
  font-size: 0.6875rem; }

.g3d_help {
  position: relative; }

.g3d_help_btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer;
  font-weight: bold; }
  .g3d_help_btn:hover {
    border-color: #018df0;
    color: #018df0; }

.g3d_help_panel {
  position: absolute;
  bottom: 34px;
  left: 0;
  width: 230px;
  background: rgba(13, 17, 23, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  line-height: 1.6;
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem; }
  .g3d_help_panel ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .g3d_help_panel b {
    color: #fff; }
  .g3d_help_panel.hidden {
    display: none; }

#g3d_natures_legend {
  position: absolute;
  z-index: 40;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 260px;
  max-height: 70vh;
  overflow-y: auto;
  background: rgba(13, 17, 23, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  line-height: 1.6;
  font-size: 0.75rem;
  padding: 0.875rem calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    #g3d_natures_legend {
      padding: 0.875rem 1rem; } }
  #g3d_natures_legend h3 {
    margin: 0 0 8px 0;
    font-size: 0.75rem; }
  #g3d_natures_legend .reducer {
    display: none; }
  #g3d_natures_legend ul.natures {
    margin: 0;
    padding: 0;
    list-style: none; }
    #g3d_natures_legend ul.natures li {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 2px 0; }
  #g3d_natures_legend.hidden {
    display: none; }
  #g3d_natures_legend.pinned {
    border-color: #018df0;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.22); }
    #g3d_natures_legend.pinned .g3d_natures_legend_close {
      color: #018df0;
      border-color: #018df0; }

.g3d_natures_legend_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer; }
  .g3d_natures_legend_close:hover {
    border-color: #018df0;
    color: #018df0; }

#g3d_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  width: 260px;
  text-align: center;
  color: #8c8aa0; }
  #g3d_loading.hidden {
    display: none; }

.g3d_loading_bar {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden; }
  .g3d_loading_bar span {
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #018df0, #8b5cf6); }

#g3d_loading.g3d_indeterminate .g3d_loading_bar span {
  width: 40% !important;
  animation: g3d_loading_slide 1.1s ease-in-out infinite; }

.g3d_loading_label {
  margin-top: 10px;
  font-size: 0.75rem; }

.g3d_webgl_error {
  color: #ff7a93;
  line-height: 1.5;
  font-size: 0.8125rem; }

@keyframes g3d_loading_slide {
  0% {
    margin-left: -40%; }
  100% {
    margin-left: 100%; } }
#g3d_fiche {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  width: 350px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(10, 12, 20, 0.92);
  backdrop-filter: blur(10px);
  border-left: 1px solid rgba(255, 255, 255, 0.1); }
  #g3d_fiche.hidden {
    display: none; }
  #g3d_fiche.is_loading .g3d_fiche_body {
    opacity: 0.4; }
  @media screen and (max-width: 720px) {
    #g3d_fiche {
      top: auto;
      left: 0;
      right: 0;
      bottom: 0;
      width: auto;
      max-height: 46vh;
      border-left: none;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 14px 14px 0 0; } }

.g3d_fiche_body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0; }

.g3d_fiche_scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
  padding: calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    .g3d_fiche_scroll {
      padding: 1rem; } }
  .g3d_fiche_scroll::-webkit-scrollbar {
    width: 6px; }
  .g3d_fiche_scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px; }
  .g3d_fiche_scroll::-webkit-scrollbar-track {
    background: transparent; }

.g3d_fiche_close {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  color: #cfcbe4;
  cursor: pointer; }
  .g3d_fiche_close:hover {
    border-color: #018df0;
    color: #018df0; }

.g3d_fiche_header {
  padding-right: 24px;
  margin-bottom: 16px; }

.g3d_fiche_form {
  margin: 0;
  color: #fff;
  font-family: "Fondamento", serif;
  font-weight: 650;
  font-size: calc(0.925rem + 0.6vw); }
  @media (min-width: 1200px) {
    .g3d_fiche_form {
      font-size: 1.375rem; } }

.g3d_fiche_nature {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0 0;
  color: #8c8aa0;
  font-size: 0.6875rem; }
  .g3d_fiche_nature .nature_pill {
    color: #e9e7f2;
    cursor: pointer; }

.g3d_fiche_nature_info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  font-size: 0.6875rem;
  line-height: 1;
  color: #8c8aa0;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  cursor: pointer;
  padding: 0; }
  .g3d_fiche_nature_info:hover {
    color: #018df0;
    border-color: #018df0; }

.g3d_ariane {
  margin: 0 0 16px;
  color: #76738d;
  line-height: 1.7;
  font-size: 0.6875rem; }
  .g3d_ariane .g3d_link {
    color: #b7b4c9;
    text-decoration: none; }
    .g3d_ariane .g3d_link:hover {
      color: #018df0; }

.g3d_ariane_sep {
  margin: 0 5px;
  color: #4a4860; }

.g3d_ariane_current {
  color: #e9e7f2;
  font-weight: 600; }

.g3d_fiche_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px; }

.g3d_chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #cfcbe4;
  font-size: 0.6875rem;
  padding: 0 0.625rem; }

.g3d_chip_gold {
  border-color: rgba(255, 204, 1, 0.5);
  color: #ffcc01; }

.g3d_chip_cat {
  padding: 0 0.625rem 0 0.5rem; }

.g3d_cat_dot {
  margin-right: 4px;
  color: hsl(var(--hue), 65%, 55%); }

.g3d_chip_register {
  padding: 0 0.625rem 0 0.5rem; }

.g3d_register_dot {
  margin-right: 5px;
  font-size: 0.625rem; }

.g3d_register_vulgaire .g3d_register_dot {
  color: #ff4747; }

.g3d_register_argot .g3d_register_dot {
  color: #ffcc01; }

.g3d_register_familier .g3d_register_dot {
  color: #52ff6b; }

.g3d_register_courant .g3d_register_dot {
  color: #5c8fff; }

.g3d_register_soutenu .g3d_register_dot {
  color: #8b5cf6; }

.g3d_rarety_gems {
  display: inline-flex;
  align-items: center;
  height: 22px;
  gap: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  padding: 0 0.625rem; }

.g3d_gem {
  color: rgba(255, 255, 255, 0.16); }

.g3d_rarety_gems_1 .g3d_gem.is_lit {
  color: #52ff6b; }

.g3d_rarety_gems_2 .g3d_gem.is_lit {
  color: #ffd23d; }

.g3d_rarety_gems_3 .g3d_gem.is_lit {
  color: #ff5c5c;
  text-shadow: 0 0 5px rgba(255, 204, 1, 0.7); }

.g3d_fiche_definition {
  margin-bottom: 16px;
  color: #dfe6f0;
  line-height: 1.55;
  font-size: 0.84375rem; }
  .g3d_fiche_definition.g3d_fiche_definition_empty {
    color: #76738d; }

.g3d_fiche_section {
  margin-bottom: 16px; }
  .g3d_fiche_section:last-child {
    margin-bottom: 0; }

.g3d_section_title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  color: #8c8aa0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.6875rem; }

.g3d_count_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #cfcbe4;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.625rem;
  padding: 0 0.3125rem; }

.g3d_pill_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; }

.g3d_link.g3d_pill {
  display: inline-flex;
  align-items: center;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #cfcbe4;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0 0.625rem; }
  .g3d_link.g3d_pill:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #018df0;
    color: #018df0; }

.g3d_hypo_toggle {
  display: block;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  font: inherit; }
  .g3d_hypo_toggle:hover .g3d_section_title {
    color: #018df0; }

.g3d_hypo_chevron {
  display: inline-block;
  transition: transform 0.15s ease-out; }

.g3d_hypo_toggle[aria-expanded="true"] .g3d_hypo_chevron {
  transform: rotate(90deg); }

._fiche_paged_list, .g3d_fiche_hyponyms_list, .g3d_fiche_brothers_list {
  display: none;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 0.625rem; }
  ._fiche_paged_list.open, .open.g3d_fiche_hyponyms_list, .open.g3d_fiche_brothers_list {
    display: flex; }

.g3d_hypo_filter_row {
  display: flex; }

.g3d_hypo_filter {
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #e9e7f2;
  font: inherit;
  font-size: 0.75rem;
  padding: 0.375rem 0.625rem; }
  .g3d_hypo_filter::placeholder {
    color: #76738d; }
  .g3d_hypo_filter:focus {
    outline: none;
    border-color: #018df0; }

.g3d_hypo_body {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .g3d_hypo_body.is_loading {
    opacity: 0.5; }

.g3d_hypo_items {
  max-height: 34vh;
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent; }
  .g3d_hypo_items::-webkit-scrollbar {
    width: 6px; }
  .g3d_hypo_items::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px; }
  .g3d_hypo_items::-webkit-scrollbar-track {
    background: transparent; }

.g3d_hypo_empty {
  color: #76738d;
  font-size: 0.75rem;
  padding: 0.25rem 0.125rem; }

.g3d_hypo_pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 2px; }

.g3d_hypo_pager_btn {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #cfcbe4;
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem; }
  .g3d_hypo_pager_btn:hover:not(:disabled) {
    border-color: #018df0;
    color: #018df0; }
  .g3d_hypo_pager_btn:disabled {
    opacity: 0.3;
    cursor: default; }

.g3d_hypo_pager_info {
  color: #8c8aa0;
  font-size: 0.6875rem; }

.g3d_fiche_error {
  color: #ff7a93; }

.g3d_link {
  background: none;
  border: none;
  padding: 0;
  color: var(--jdc-link, #b69cff);
  cursor: pointer;
  text-decoration: underline;
  font: inherit; }
  .g3d_link:hover {
    color: #018df0; }

.g3d_fiche_actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.75rem calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    .g3d_fiche_actions {
      padding: 0.75rem 1rem; } }

.g3d_action_btn {
  flex: 1 1 50%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: #e9e7f2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 0.8125rem;
  padding: 0.5625rem 0.625rem; }
  .g3d_action_btn:hover {
    border-color: #018df0;
    color: #018df0;
    background: rgba(255, 255, 255, 0.07); }

@media screen and (max-width: 720px) {
  .g3d_hud {
    width: calc(100% - 70px); }

  .g3d_legend {
    max-height: 110px; } }
@media screen and (max-width: 600px) {
  .g3d_search {
    padding: 0.3125rem 0.5rem; }

  .g3d_search_suggestions {
    max-height: 160px; } }
body#graphe > header {
  background-color: rgba(13, 17, 23, 0.96);
  color: #cfcbe4; }
  body#graphe > header svg {
    fill: #cfcbe4; }
  body#graphe > header .wrapper form input {
    background-color: rgba(255, 255, 255, 0.06);
    color: #e9e7f2;
    border: rgba(255, 255, 255, 0.14) solid 1px !important; }
  body#graphe > header .wrapper .active {
    background-color: #e9e7f2 !important;
    color: #05070d !important; }
  body#graphe > header .center .profile .profile-me {
    color: #cfcbe4; }
  body#graphe > header .center .notifications:hover {
    background-color: rgba(255, 255, 255, 0.08); }
  body#graphe > header .help:hover, body#graphe > header .external_menu:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #e9e7f2 !important; }
  body#graphe > header #dialog_header > div {
    background-color: rgba(13, 17, 23, 0.96);
    color: #cfcbe4;
    border-color: rgba(255, 255, 255, 0.14); }
    body#graphe > header #dialog_header > div header {
      background-color: rgba(255, 255, 255, 0.06); }
      body#graphe > header #dialog_header > div header h3 {
        color: #cfcbe4; }
    body#graphe > header #dialog_header > div a {
      color: #e9e7f2; }
      body#graphe > header #dialog_header > div a span {
        color: #cfcbe4; }
    body#graphe > header #dialog_header > div .content ul li {
      border-bottom-color: rgba(255, 255, 255, 0.1); }
    body#graphe > header #dialog_header > div .item_type {
      color: #e9e7f2; }
    body#graphe > header #dialog_header > div .item_date, body#graphe > header #dialog_header > div .item_summary {
      color: #cfcbe4; }
  body#graphe > header #dialog_header #external_menu_dialog .theme-switch {
    color: #cfcbe4; }

.visu_mot .visu_3d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto; }
  .visu_mot .visu_3d canvas {
    display: block;
    width: 100%;
    height: 100%; }

.visu_mot .visu_settings_btn {
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: #b7b4c9;
  cursor: pointer;
  font: inherit;
  padding: 0.3125rem 0.5625rem;
  font-size: calc(0.88125rem + 0.075vw);
  line-height: 1; }
  @media (min-width: 1200px) {
    .visu_mot .visu_settings_btn {
      font-size: 0.9375rem; } }
  .visu_mot .visu_settings_btn:hover {
    border-color: rgba(255, 255, 255, 0.3); }
.visu_mot .visu_settings_panel {
  display: none;
  position: absolute;
  top: 50px;
  left: 10px;
  bottom: 10px;
  z-index: 6;
  width: 220px;
  max-width: calc(100% - 20px);
  overflow-y: auto;
  flex-direction: column;
  gap: 7px;
  background: rgba(7, 10, 18, 0.92);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: #e9e7f2;
  padding: 0.5625rem; }
  .visu_mot .visu_settings_panel.open {
    display: flex; }
.visu_mot .visu_settings_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #cfcbe4;
  font-weight: bold;
  font-size: 0.75rem; }
.visu_mot .visu_settings_close {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: #b7b4c9;
  cursor: pointer;
  line-height: 1;
  font-size: 0.6875rem; }
  .visu_mot .visu_settings_close:hover {
    border-color: #018df0;
    color: #018df0; }
.visu_mot.mode_2d .visu_settings_btn {
  display: none; }
.visu_mot.mode_2d .visu_settings_panel {
  display: none; }

.help_page .question_block {
  background-color: rgba(192, 192, 255, 0.5);
  border: 1px solid #9090cc;
  border-radius: 3px;
  font-size: calc(0.88125rem + 0.075vw);
  display: inline-block;
  width: 750px;
  padding: 3px;
  margin: 10px 0; }
  @media (min-width: 1200px) {
    .help_page .question_block {
      font-size: 0.9375rem; } }

#index .graph3d_promo {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  padding: calc(1.0375rem + 1.95vw) calc(0.975rem + 1.2vw);
  margin: 20px 0 30px 0;
  background: linear-gradient(160deg, #0b1020 0%, #161b35 100%);
  color: #e9e7f2;
  text-align: center; }
  @media (min-width: 1200px) {
    #index .graph3d_promo {
      padding: 2.5rem 1.875rem; } }
  #index .graph3d_promo .graph3d_promo_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
    #index .graph3d_promo .graph3d_promo_bg circle {
      fill: #fff;
      opacity: 0.6; }
    #index .graph3d_promo .graph3d_promo_bg line {
      stroke: rgba(255, 255, 255, 0.25);
      stroke-width: 1; }
  #index .graph3d_promo h2, #index .graph3d_promo p, #index .graph3d_promo .g3d_cta {
    position: relative;
    z-index: 1; }
  #index .graph3d_promo h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.95rem + 0.9vw);
    margin: 0 0 10px 0; }
    @media (min-width: 1200px) {
      #index .graph3d_promo h2 {
        font-size: 1.625rem; } }
  #index .graph3d_promo p {
    max-width: 640px;
    margin: 0 auto 24px auto;
    font-size: calc(0.88125rem + 0.075vw);
    line-height: 1.6;
    color: #b7b4c9; }
    @media (min-width: 1200px) {
      #index .graph3d_promo p {
        font-size: 0.9375rem; } }
  #index .graph3d_promo .g3d_cta {
    display: inline-block;
    background: #018df0;
    color: #fff;
    border-radius: 999px;
    padding: 0.75rem calc(0.975rem + 1.2vw);
    font-size: calc(0.88125rem + 0.075vw);
    font-weight: bold;
    text-decoration: none;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 1200px) {
      #index .graph3d_promo .g3d_cta {
        padding: 0.75rem 1.875rem; } }
    @media (min-width: 1200px) {
      #index .graph3d_promo .g3d_cta {
        font-size: 0.9375rem; } }
    #index .graph3d_promo .g3d_cta:hover {
      background: #1ca0fe;
      box-shadow: 0 4px 20px rgba(1, 141, 240, 0.5);
      transform: translateY(-1px); }
  @media screen and (max-width: 600px) {
    #index .graph3d_promo {
      padding: calc(0.9625rem + 1.05vw) calc(0.9rem + 0.3vw); } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    #index .graph3d_promo {
      padding: 1.75rem 1.125rem; } }
  @media screen and (max-width: 600px) {
      #index .graph3d_promo h2 {
        font-size: calc(0.91875rem + 0.525vw); } }
    @media screen and (max-width: 600px) and (min-width: 1200px) {
      #index .graph3d_promo h2 {
        font-size: 1.3125rem; } }

#index #main_section > .graph3d_promo > h2 {
  display: block;
  text-align: center;
  color: #e9e7f2; }
#index #main_section > .home-news article {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid var(--jdc-border);
  border-left: 3px solid var(--jdc-accent);
  border-radius: 12px;
  background: var(--jdc-surface);
  transition: border-color 0.15s, box-shadow 0.15s; }
  #index #main_section > .home-news article:hover {
    border-color: var(--jdc-border-strong);
    border-left-color: var(--jdc-accent);
    box-shadow: 0 8px 20px -14px var(--jdc-shadow-strong); }
  #index #main_section > .home-news article h2 {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: calc(0.88125rem + 0.075vw);
    font-weight: 600; }
    @media (min-width: 1200px) {
      #index #main_section > .home-news article h2 {
        font-size: 0.9375rem; } }
    #index #main_section > .home-news article h2 a {
      color: var(--jdc-text);
      text-decoration: none; }
      #index #main_section > .home-news article h2 a:hover {
        color: var(--jdc-accent-hover); }
  #index #main_section > .home-news article span {
    flex: none;
    margin: 0;
    font-size: 0.75rem;
    color: var(--jdc-text-faint); }
#index #main_section .home-news__empty {
  font-size: 0.8125rem;
  color: var(--jdc-text-faint); }
#index #main_section .home-sec__all {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-faint);
  text-decoration: none; }
  #index #main_section .home-sec__all:hover {
    color: var(--jdc-accent-hover); }
#index #main_section .home-doors__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px; }
#index #main_section .home-door {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 24px 26px;
  border: 1px solid var(--jdc-border);
  border-radius: 14px;
  background: var(--jdc-surface);
  transition: border-color 0.15s, box-shadow 0.15s; }
  #index #main_section .home-door:hover {
    border-color: var(--jdc-border-strong);
    box-shadow: 0 10px 24px -16px var(--jdc-shadow-strong); }
  #index #main_section .home-door h3 {
    margin: 0;
    font-size: calc(0.9rem + 0.3vw);
    font-weight: 700;
    color: var(--jdc-text); }
    @media (min-width: 1200px) {
      #index #main_section .home-door h3 {
        font-size: 1.125rem; } }
  #index #main_section .home-door p {
    flex: 1;
    margin: 0 0 6px;
    font-size: 0.84375rem;
    line-height: 1.55;
    color: var(--jdc-text-muted); }
#index #main_section .home-door__e {
  font-size: calc(0.95rem + 0.9vw);
  line-height: 1; }
  @media (min-width: 1200px) {
    #index #main_section .home-door__e {
      font-size: 1.625rem; } }
#index .video_intro {
  margin: 5px 0 0 40px; }
#index aside .discord {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  padding: 16px;
  font-size: 0.8125rem;
  line-height: 1.5; }
  #index aside .discord img {
    height: 28px;
    width: auto;
    flex-shrink: 0; }

@media (max-width: 900px) {
  #index #main_section .home-doors__grid {
    grid-template-columns: 1fr; } }
.language-intro {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: rgba(1, 141, 240, 0.08);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-left: 4px solid #018df0;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 0 0 24px; }
  .language-intro .language-intro-icon {
    flex: none;
    font-size: 26px;
    line-height: 1; }
  .language-intro .language-intro-text {
    min-width: 0; }
    .language-intro .language-intro-text h2 {
      font-family: "Fondamento", serif;
      font-size: calc(0.9rem + 0.3vw);
      line-height: 1.2;
      margin: 0 0 6px;
      color: var(--jdc-text, #111827); }
      @media (min-width: 1200px) {
        .language-intro .language-intro-text h2 {
          font-size: 1.125rem; } }
    .language-intro .language-intro-text p {
      font-family: "Lato", sans-serif;
      font-size: 0.875rem;
      line-height: 1.6;
      color: var(--jdc-text-soft, #374151);
      margin: 0; }
    .language-intro .language-intro-text strong {
      color: var(--jdc-text, #111827); }

.languages-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px; }
  .languages-head h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.9125rem + 0.45vw);
    color: var(--jdc-text, #111827);
    margin: 0; }
    @media (min-width: 1200px) {
      .languages-head h2 {
        font-size: 1.25rem; } }

.languages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px; }

.language-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  padding: 20px 22px 18px 26px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  .language-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #018df0; }
  .language-card.is-public::before {
    background: var(--jdc-success, #2ecc71); }

.language-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px; }

.language-card-visibility {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  color: var(--jdc-text-muted, #6b7280); }
  .language-card.is-public .language-card-visibility {
    background: rgba(46, 204, 113, 0.14);
    color: #1a8a4a; }

.language-visibility-toggle {
  display: inline-flex;
  margin: 0; }
  .language-visibility-toggle button {
    font-size: 0.71875rem;
    padding: 4px 10px;
    margin: 0; }

.language-card-form {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .language-card-form .language-card-name {
    width: 100%;
    font-family: "Fondamento", serif;
    font-size: calc(0.9rem + 0.3vw);
    padding: 6px 9px;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .language-card-form .language-card-name {
        font-size: 1.125rem; } }
    .language-card-form .language-card-name:focus {
      outline: none;
      border-color: #018df0; }
  .language-card-form .language-card-desc {
    width: 100%;
    font-family: "Lato", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5;
    resize: vertical;
    min-height: 44px;
    padding: 6px 9px;
    color: var(--jdc-text-soft, #374151);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px; }
    .language-card-form .language-card-desc:focus {
      outline: none;
      border-color: #018df0; }
  .language-card-form .button {
    align-self: flex-start;
    font-size: 0.78125rem;
    padding: 6px 14px;
    margin: 0; }

.language-card-tools {
  font-size: 0.75rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0; }

.language-card-meta {
  font-size: 0.78125rem;
  color: var(--jdc-text-faint, #9ca3af);
  margin: 0;
  padding-top: 8px;
  border-top: 1px solid var(--jdc-border, #e5e7eb); }

.language-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px; }
  .language-card-actions .button {
    font-size: 0.78125rem;
    padding: 7px 14px;
    margin: 0; }

.language-delete-link {
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--jdc-danger, #e74c3c); }
  .language-delete-link:hover {
    text-decoration: underline; }

.language-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding: 56px 24px;
  color: var(--jdc-text-muted, #6b7280);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-radius: 12px;
  border: 1px dashed var(--jdc-border-strong, #d1d5db); }
  .language-empty-state .language-empty-emoji {
    font-size: 34px;
    margin: 0 0 4px; }
  .language-empty-state p {
    margin: 0; }
  .language-empty-state .button {
    margin-top: 12px; }

body#languages-index .language-gallery-link {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 10px 0 0; }
  body#languages-index .language-gallery-link a {
    color: #018df0; }

body#languages-gallery .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin: 0 0 24px; }
body#languages-gallery .gallery-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 20px 22px 18px 26px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  body#languages-gallery .gallery-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #018df0; }
body#languages-gallery .gallery-card-name {
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw);
  line-height: 1.25;
  margin: 0;
  color: var(--jdc-text, #111827); }
  @media (min-width: 1200px) {
    body#languages-gallery .gallery-card-name {
      font-size: 1.25rem; } }
body#languages-gallery .gallery-card-author {
  font-size: 0.78125rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0; }
  body#languages-gallery .gallery-card-author .gallery-card-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -2px 4px 0 0;
    border-radius: 50%;
    border: 1px solid var(--jdc-border, #e5e7eb); }
body#languages-gallery .gallery-card-desc {
  font-family: "Lato", sans-serif;
  font-size: 0.84375rem;
  line-height: 1.55;
  color: var(--jdc-text-soft, #374151);
  margin: 0; }
body#languages-gallery .gallery-card-meta {
  font-size: 0.78125rem;
  color: var(--jdc-text-faint, #9ca3af);
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px solid var(--jdc-border, #e5e7eb); }

body#languages-new main > #main_section {
  flex: 1 1 100%;
  min-width: 0;
  max-width: none;
  border-left: 0; }
body#languages-new .language-form {
  max-width: 560px;
  margin: 0 auto; }
  body#languages-new .language-form p {
    margin: 0 0 16px; }
  body#languages-new .language-form label {
    display: block;
    font-size: 0.84375rem;
    font-weight: 600;
    color: var(--jdc-text, #111827);
    margin: 0 0 5px; }
  body#languages-new .language-form input[type="text"], body#languages-new .language-form textarea {
    width: 100%;
    padding: 9px 12px;
    font-size: calc(0.87813rem + 0.0375vw);
    font-family: "Lato", sans-serif;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 1200px) {
      body#languages-new .language-form input[type="text"], body#languages-new .language-form textarea {
        font-size: 0.90625rem; } }
    body#languages-new .language-form input[type="text"]:focus, body#languages-new .language-form textarea:focus {
      outline: none;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.08); }
  body#languages-new .language-form textarea {
    resize: vertical;
    min-height: 72px; }
  body#languages-new .language-form .field-hint {
    display: block;
    font-size: 0.75rem;
    color: var(--jdc-text-muted, #6b7280);
    margin: 5px 0 0; }
  body#languages-new .language-form .errors {
    list-style: none;
    padding: 12px 16px;
    margin: 0 0 18px;
    font-size: 0.8125rem;
    background: var(--jdc-danger-soft, rgba(231, 76, 60, 0.1));
    border: 1px solid var(--jdc-danger, #e74c3c);
    border-left: 3px solid var(--jdc-danger, #e74c3c);
    border-radius: 8px;
    color: var(--jdc-text, #111827); }
    body#languages-new .language-form .errors li {
      padding: 2px 0; }
body#languages-new .language-form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 20px 0 0; }
body#languages-new .language-form-cancel {
  font-size: 0.84375rem;
  color: var(--jdc-text-muted, #6b7280); }

body#languages-edit .language-wizard-placeholder {
  max-width: 760px; }
body#languages-edit .language-wizard-badge {
  display: inline-block;
  font-size: 0.78125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 5px 14px;
  margin: 0 0 12px;
  color: #8a5f10;
  background: rgba(201, 146, 42, 0.16);
  border-radius: 999px; }
body#languages-edit .language-wizard-text {
  font-family: "Lato", sans-serif;
  font-size: calc(0.87813rem + 0.0375vw);
  line-height: 1.6;
  color: var(--jdc-text-soft, #374151);
  margin: 0 0 22px; }
  @media (min-width: 1200px) {
    body#languages-edit .language-wizard-text {
      font-size: 0.90625rem; } }
body#languages-edit .language-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin: 0 0 26px; }
body#languages-edit .language-tool-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 16px 14px;
  color: var(--jdc-text, #111827);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#languages-edit .language-tool-card:hover {
    border-color: rgba(1, 141, 240, 0.16);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-2px);
    text-decoration: none; }
body#languages-edit .language-wizard-back {
  font-size: 0.84375rem; }
  body#languages-edit .language-wizard-back a {
    color: var(--jdc-text-muted, #6b7280); }

@media (max-width: 640px) {
  .language-intro {
    flex-direction: column; }

  .language-card-actions {
    flex-direction: column;
    align-items: stretch; }
    .language-card-actions .button, .language-card-actions .language-delete-link {
      text-align: center; } }
body#languages-edit main > #main_section {
  flex: 1 1 100%;
  min-width: 0;
  max-width: none;
  border-left: 0; }
body#languages-edit .languages-edit {
  max-width: 1320px;
  margin: 0 auto; }
body#languages-edit .lang-wizard-back {
  font-size: 0.84375rem;
  margin: 0 0 14px; }
  body#languages-edit .lang-wizard-back a {
    color: var(--jdc-text-muted, #6b7280); }
body#languages-edit .lang-wizard-adopt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: calc(0.8875rem + 0.15vw) calc(0.9125rem + 0.45vw);
  margin: 0 0 20px;
  border: 1px solid rgba(1, 141, 240, 0.16);
  border-radius: 12px;
  background: rgba(1, 141, 240, 0.08); }
  @media (min-width: 1200px) {
    body#languages-edit .lang-wizard-adopt {
      padding: 1rem 1.25rem; } }
body#languages-edit .lang-wizard-adopt-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--jdc-text, #111827);
  margin: 0; }
body#languages-edit .lang-wizard-adopt-form {
  margin: 0; }
body#languages-edit .lang-wizard-status {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 14px;
  font-size: 0.75rem;
  color: var(--jdc-text-muted, #6b7280); }
body#languages-edit .lang-wizard-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: start;
  gap: 28px;
  min-width: 0; }
body#languages-edit .lang-chapters {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0; }
body#languages-edit #conlang_tool {
  contain: inline-size; }
body#languages-edit .lang-toc {
  position: sticky;
  top: 18px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: 0.875rem 0.625rem;
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  background: var(--jdc-surface, #ffffff);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
body#languages-edit .lang-toc-toggle {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.125rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--jdc-text, #111827);
  background: none;
  border: none;
  cursor: pointer; }
  body#languages-edit .lang-toc-toggle[aria-expanded="true"] .lang-toc-toggle-ico {
    transform: rotate(180deg); }
body#languages-edit .lang-toc-list {
  display: flex;
  flex-direction: column;
  gap: 2px; }
body#languages-edit .lang-toc-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.4375rem 0.5625rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text-soft, #374151);
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#languages-edit .lang-toc-list a:hover {
    color: var(--jdc-text, #111827);
    background: var(--jdc-bg-subtle, #f1f2f4); }
  body#languages-edit .lang-toc-list a.active {
    color: #018df0;
    background: rgba(1, 141, 240, 0.08); }
body#languages-edit .lang-toc-label {
  flex: 1 1 auto;
  line-height: 1.3; }
body#languages-edit .lang-toc-check {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--jdc-success, #2ecc71); }
body#languages-edit .lang-chapter {
  padding: calc(0.925rem + 0.6vw) calc(0.9375rem + 0.75vw);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  background: var(--jdc-surface, #ffffff);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  scroll-margin-top: 18px; }
  @media (min-width: 1200px) {
    body#languages-edit .lang-chapter {
      padding: 1.375rem 1.5rem; } }
body#languages-edit .lang-chapter-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 16px;
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw);
  font-weight: 700;
  color: var(--jdc-text, #111827); }
  @media (min-width: 1200px) {
    body#languages-edit .lang-chapter-title {
      font-size: 1.25rem; } }
body#languages-edit .lang-chapter-num {
  color: #018df0; }
body#languages-edit .lang-chapter-tool {
  min-width: 0; }
body#languages-edit .lang-identity-form {
  max-width: 560px; }
  body#languages-edit .lang-identity-form p {
    margin: 0 0 16px; }
  body#languages-edit .lang-identity-form label {
    display: block;
    font-size: 0.84375rem;
    font-weight: 600;
    color: var(--jdc-text, #111827);
    margin: 0 0 5px; }
  body#languages-edit .lang-identity-form input[type="text"], body#languages-edit .lang-identity-form textarea {
    width: 100%;
    padding: 9px 12px;
    font-size: calc(0.87813rem + 0.0375vw);
    font-family: "Lato", sans-serif;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 1200px) {
      body#languages-edit .lang-identity-form input[type="text"], body#languages-edit .lang-identity-form textarea {
        font-size: 0.90625rem; } }
    body#languages-edit .lang-identity-form input[type="text"]:focus, body#languages-edit .lang-identity-form textarea:focus {
      outline: none;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.08); }
  body#languages-edit .lang-identity-form textarea {
    resize: vertical;
    min-height: 72px; }
  body#languages-edit .lang-identity-form .lang-identity-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600; }
    body#languages-edit .lang-identity-form .lang-identity-toggle input[type="checkbox"] {
      width: auto; }
  body#languages-edit .lang-identity-form .lang-identity-save {
    font-size: 0.78125rem;
    font-weight: 600;
    color: var(--jdc-success, #2ecc71);
    margin: 4px 0 0; }
@media screen and (max-width: 900px) {
  body#languages-edit .lang-wizard-layout {
    display: block; }
  body#languages-edit .lang-toc {
    position: static;
    max-height: none;
    margin: 0 0 18px;
    padding: 0.625rem 0.75rem; }
  body#languages-edit .lang-toc-toggle {
    display: flex; }
  body#languages-edit .lang-toc-list {
    display: none;
    margin-top: 8px; }
    body#languages-edit .lang-toc-list.lang-toc-list--open {
      display: flex; } }
@media screen and (max-width: 640px) {
  body#languages-edit .lang-wizard-adopt {
    flex-direction: column;
    align-items: stretch;
    text-align: center; }
  body#languages-edit .lang-chapter {
    padding: calc(0.8875rem + 0.15vw) 0.875rem; } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    body#languages-edit .lang-chapter {
      padding: 1rem 0.875rem; } }
@media screen and (max-width: 640px) {
  body#languages-edit .lang-chapter-title {
    font-size: calc(0.9rem + 0.3vw); } }
  @media screen and (max-width: 640px) and (min-width: 1200px) {
    body#languages-edit .lang-chapter-title {
      font-size: 1.125rem; } }

.lemme_nature_group {
  margin-top: 32px; }
  .lemme_nature_group:first-child {
    margin-top: 0; }

.lemme_nature_group_title {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jdc-text-muted, #6b7280);
  cursor: pointer; }

.proposition_formulaire_actived .proposition_form {
  display: inline-block !important; }
.proposition_formulaire_actived h4 .icons-plus {
  display: none !important; }

.lemmes {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 22px;
  align-items: start;
  list-style-type: none; }
  .lemmes .proposition_formulaire {
    width: 100%; }
    .lemmes .proposition_formulaire h4 {
      position: relative; }
      .lemmes .proposition_formulaire h4 .icons-plus {
        display: inline-block;
        position: absolute;
        right: 0; }
    .lemmes .proposition_formulaire .proposition_form {
      display: none;
      margin: 2px 2px 20px 2px;
      padding: 0.625rem;
      min-height: 245px;
      border: #999 2px;
      border-style: dashed solid;
      background-color: #fafafa; }
  .lemmes .btn_proposition_form {
    width: 100%;
    text-align: center; }
    .lemmes .btn_proposition_form input {
      min-width: 200px; }
  .lemmes .lemme {
    margin: 0; }
    .lemmes .lemme h3 {
      display: flex;
      justify-content: start;
      align-items: center; }
      .lemmes .lemme h3 .reducer {
        margin-left: 5px; }
      .lemmes .lemme h3 .icons-wiki_arrow {
        -moz-background-size: 50px 1188px;
        -o-background-size: 50px 1188px;
        -webkit-background-size: 50px 1188px;
        background-size: 50px 1188px;
        width: 24px;
        height: 18px;
        background-position: 0 -982px;
        margin-right: 5px; }
    .lemmes .lemme h4 {
      width: 100%;
      display: block;
      text-align: center;
      margin: 20px 0; }
    .lemmes .lemme .lemme_sec_title {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--jdc-text-muted, #6b7280);
      margin-bottom: 10px; }
    .lemmes .lemme .categories {
      display: flex;
      justify-content: start;
      align-items: center;
      padding-left: 29px; }
      .lemmes .lemme .categories li {
        margin-right: 10px; }
      .lemmes .lemme .categories .cat_dot {
        margin-right: 3px;
        color: hsl(var(--hue), 65%, 55%); }
    .lemmes .lemme .definitions {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
      margin-bottom: 24px; }
      .lemmes .lemme .definitions > li {
        width: 100%; }
      .lemmes .lemme .definitions .definition_phrase, .lemmes .lemme .definitions .definition_brute {
        width: 100%; }
      .lemmes .lemme .definitions .definition, .lemmes .lemme .definitions .definition_links {
        display: flex;
        align-items: center; }
        .lemmes .lemme .definitions .definition .plus, .lemmes .lemme .definitions .definition_links .plus {
          margin: 0 0.625rem; }
        .lemmes .lemme .definitions .definition ol, .lemmes .lemme .definitions .definition_links ol {
          list-style: none;
          display: flex;
          justify-content: space-evenly;
          align-items: center; }
          .lemmes .lemme .definitions .definition ol li, .lemmes .lemme .definitions .definition_links ol li {
            margin: 10px 0;
            display: inline-flex; }
    .lemmes .lemme .hyperonyms_hyponyms_details {
      margin-bottom: 32px; }
      .lemmes .lemme .hyperonyms_hyponyms_details summary {
        margin-bottom: 20px;
        padding-left: 20px;
        font-style: italic;
        font-weight: bold; }
      .lemmes .lemme .hyperonyms_hyponyms_details[open] summary {
        display: none; }
    .lemmes .lemme .hyperonyms_hyponyms {
      display: flex;
      flex-direction: column;
      text-align: left;
      border-top: solid 1px #aaa; }
      .lemmes .lemme .hyperonyms_hyponyms .lemme_band {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
        padding: 0.6875rem 0; }
        .lemmes .lemme .hyperonyms_hyponyms .lemme_band:not(:first-child) {
          border-top: 1px solid var(--jdc-border, #e5e7eb); }
        .lemmes .lemme .hyperonyms_hyponyms .lemme_band .lemme_sec_title {
          flex: none;
          width: auto;
          margin: 0; }
        .lemmes .lemme .hyperonyms_hyponyms .lemme_band .lemme_band_content {
          flex: 1 1 auto;
          min-width: 0;
          width: 100%; }
      .lemmes .lemme .hyperonyms_hyponyms .hyperonyms .lemme_band_content {
        contain: inline-size;
        overflow-x: auto; }
    .lemmes .lemme .label_form {
      color: #888; }
    .lemmes .lemme input[type="text"] {
      width: 350px;
      color: #888; }

.news_admin_actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px; }
  .news_admin_actions__delete {
    display: inline-flex;
    margin: 0; }

#proposition #hyperonyme_hasard, #proposition #lemme_hasard, #proposition #nouveau_lemme, #proposition #vos_propositions {
  display: none; }
  #proposition #hyperonyme_hasard.active, #proposition #lemme_hasard.active, #proposition #nouveau_lemme.active, #proposition #vos_propositions.active {
    display: block; }
#proposition #main_section > section {
  margin-bottom: 150px; }
#proposition #main_section nav {
  font-size: calc(0.925rem + 0.6vw);
  margin: 80px 0; }
  @media (min-width: 1200px) {
    #proposition #main_section nav {
      font-size: 1.375rem; } }
  #proposition #main_section nav ul {
    padding-left: 100px;
    list-style: decimal; }
    #proposition #main_section nav ul li {
      margin: 20px 0; }
#proposition #main_section h2, #proposition #main_section summary {
  font-size: calc(0.9625rem + 1.05vw);
  text-align: center; }
  @media (min-width: 1200px) {
    #proposition #main_section h2, #proposition #main_section summary {
      font-size: 1.75rem; } }
#proposition #main_section h2 {
  margin: 20px 0; }
  #proposition #main_section h2 a {
    font-size: 0.75rem;
    font-weight: normal; }
#proposition #hyperonyme_hasard article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center; }
  #proposition #hyperonyme_hasard article .definition_phrase {
    flex: 1 0 250px;
    margin-bottom: 20px;
    margin-right: calc(1.00625rem + 1.575vw); }
    @media (min-width: 1200px) {
      #proposition #hyperonyme_hasard article .definition_phrase {
        margin-right: 2.1875rem; } }
  #proposition #hyperonyme_hasard article .lemme_searcher {
    width: 100%; }
#proposition #nouveau_lemme ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: start; }
  #proposition #nouveau_lemme ul > li {
    margin: 10px 20px;
    flex: 1 0 400px;
    text-align: center; }
    #proposition #nouveau_lemme ul > li h4 {
      margin: 10px 0;
      font-size: calc(0.9rem + 0.3vw); }
      @media (min-width: 1200px) {
        #proposition #nouveau_lemme ul > li h4 {
          font-size: 1.125rem; } }
    #proposition #nouveau_lemme ul > li input {
      width: calc(100% - 90px); }
    #proposition #nouveau_lemme ul > li textarea {
      width: 100%; }
    #proposition #nouveau_lemme ul > li select {
      width: 150px; }
#proposition #nouveau_lemme .definition_brute ul > li {
  text-align: left; }
#proposition #vos_propositions > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: start; }
#proposition #vos_propositions ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: start; }
  #proposition #vos_propositions ul > li {
    flex: 1 0 400px;
    text-align: center; }

#form_validation_proposition {
  text-align: center; }
  #form_validation_proposition .submit {
    cursor: pointer;
    padding: 20px;
    display: inline-block; }
    #form_validation_proposition .submit:hover {
      background-color: #018df0; }
    #form_validation_proposition .submit input {
      display: none; }

#qualites_defauts #main_section {
  max-width: 1000px; }
#qualites_defauts .page_intro {
  margin: 0 0 20px;
  padding: 12px 18px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-left: 3px solid #018df0;
  border-radius: 0 10px 10px 0;
  color: var(--jdc-text-soft, #374151);
  font-size: 0.875rem; }
  #qualites_defauts .page_intro p {
    margin: 4px 0; }
#qualites_defauts .qd_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 24px; }
  #qualites_defauts .qd_toolbar .chips_filter {
    flex: 1 1 260px;
    max-width: 360px;
    padding: 10px 16px;
    background: var(--jdc-surface, #fff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 999px;
    color: var(--jdc-text, #111827);
    font-size: 0.875rem; }
    #qualites_defauts .qd_toolbar .chips_filter:focus {
      border-color: rgba(1, 141, 240, 0.5);
      outline: none;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.15); }
  #qualites_defauts .qd_toolbar .qd_totaux {
    margin: 0;
    color: var(--jdc-text-muted, #6b7280);
    font-size: 0.8125rem; }
    #qualites_defauts .qd_toolbar .qd_totaux .dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 4px 0 10px;
      border-radius: 50%; }
    #qualites_defauts .qd_toolbar .qd_totaux .dot--q {
      background: #15803d; }
    #qualites_defauts .qd_toolbar .qd_totaux .dot--d {
      background: #b91c1c; }
#qualites_defauts .qd_family {
  margin: 0 0 20px;
  padding: 20px 24px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  #qualites_defauts .qd_family .family_title {
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb);
    color: var(--jdc-text, #111827);
    font-size: calc(0.9375rem + 0.75vw);
    font-weight: normal;
    font-family: "Fondamento", cursive; }
    @media (min-width: 1200px) {
      #qualites_defauts .qd_family .family_title {
        font-size: 1.5rem; } }
    #qualites_defauts .qd_family .family_title .family_ico {
      margin-right: 4px;
      font-size: calc(0.9125rem + 0.45vw);
      font-family: "Lato", sans-serif; }
      @media (min-width: 1200px) {
        #qualites_defauts .qd_family .family_title .family_ico {
          font-size: 1.25rem; } }
#qualites_defauts .qd_cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 28px; }
  #qualites_defauts .qd_cols .qd_col--d {
    padding-left: 28px;
    border-left: 1px dashed var(--jdc-border, #e5e7eb); }
#qualites_defauts .qd_col_head {
  margin: 0 0 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase; }
  #qualites_defauts .qd_col_head small {
    color: var(--jdc-text-muted, #6b7280);
    font-weight: normal;
    letter-spacing: normal; }
#qualites_defauts .qd_col--q .qd_col_head {
  color: #15803d; }
#qualites_defauts .qd_col--d .qd_col_head {
  color: #b91c1c; }
#qualites_defauts .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }
#qualites_defauts .chip {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s, transform 0.15s; }
  #qualites_defauts .chip:hover {
    transform: translateY(-1px);
    text-decoration: none; }
#qualites_defauts .chip--q {
  background: rgba(21, 128, 61, 0.07);
  border: 1px solid rgba(21, 128, 61, 0.25);
  color: #15803d; }
  #qualites_defauts .chip--q:hover {
    background: rgba(21, 128, 61, 0.15);
    border-color: #15803d; }
#qualites_defauts .chip--d {
  background: rgba(185, 28, 28, 0.06);
  border: 1px solid rgba(185, 28, 28, 0.25);
  color: #b91c1c; }
  #qualites_defauts .chip--d:hover {
    background: rgba(185, 28, 28, 0.14);
    border-color: #b91c1c; }
#qualites_defauts .qd_retour {
  margin: 28px 0 0;
  font-size: 0.875rem; }
  #qualites_defauts .qd_retour a {
    color: #018df0;
    text-decoration: none; }
    #qualites_defauts .qd_retour a:hover {
      text-decoration: underline; }

html[data-theme="dark"] #qualites_defauts .chip--q {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
  color: #4ade80; }
html[data-theme="dark"] #qualites_defauts .chip--d {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
  color: #f87171; }
html[data-theme="dark"] #qualites_defauts .qd_col--q .qd_col_head {
  color: #4ade80; }
html[data-theme="dark"] #qualites_defauts .qd_col--d .qd_col_head {
  color: #f87171; }
html[data-theme="dark"] #qualites_defauts .dot--q {
  background: #4ade80; }
html[data-theme="dark"] #qualites_defauts .dot--d {
  background: #f87171; }

@media (max-width: 720px) {
  #qualites_defauts .qd_cols {
    grid-template-columns: 1fr; }
    #qualites_defauts .qd_cols .qd_col--d {
      margin-top: 18px;
      padding-top: 18px;
      padding-left: 0;
      border-left: none;
      border-top: 1px dashed var(--jdc-border, #e5e7eb); } }
#ressources #main_section {
  max-width: 1000px; }
#ressources .page_intro {
  margin: 0 0 20px;
  padding: 12px 18px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-left: 3px solid #018df0;
  border-radius: 0 10px 10px 0;
  color: var(--jdc-text-soft, #374151);
  font-size: 0.875rem; }
  #ressources .page_intro p {
    margin: 4px 0; }
#ressources .res_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 32px; }
  #ressources .res_summary a {
    display: inline-block;
    padding: 6px 14px;
    background: var(--jdc-surface, #fff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 999px;
    color: var(--jdc-text-soft, #374151);
    font-size: 0.8125rem;
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s; }
    #ressources .res_summary a:hover {
      background: rgba(1, 141, 240, 0.08);
      border-color: rgba(1, 141, 240, 0.3);
      color: #018df0;
      text-decoration: none; }
#ressources .res_section {
  margin: 0 0 36px;
  scroll-margin-top: 70px; }
  #ressources .res_section h2 {
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb);
    color: var(--jdc-text, #111827);
    font-size: calc(0.95rem + 0.9vw);
    font-weight: normal;
    font-family: "Fondamento", cursive; }
    @media (min-width: 1200px) {
      #ressources .res_section h2 {
        font-size: 1.625rem; } }
    #ressources .res_section h2 small {
      color: var(--jdc-text-muted, #6b7280);
      font-size: 0.875rem;
      font-family: "Lato", sans-serif; }
#ressources .res_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px; }
#ressources .res_card {
  display: block;
  padding: 16px 18px;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  color: var(--jdc-text, #111827);
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; }
  #ressources .res_card h3 {
    margin: 0 0 6px;
    color: var(--jdc-text, #111827);
    font-size: calc(0.88125rem + 0.075vw);
    font-weight: 600; }
    @media (min-width: 1200px) {
      #ressources .res_card h3 {
        font-size: 0.9375rem; } }
  #ressources .res_card p {
    margin: 0;
    color: var(--jdc-text-muted, #6b7280);
    font-size: 0.8125rem;
    line-height: 1.5; }
  #ressources .res_card .res_ico {
    display: block;
    margin-bottom: 8px;
    font-size: calc(0.925rem + 0.6vw);
    line-height: 1; }
    @media (min-width: 1200px) {
      #ressources .res_card .res_ico {
        font-size: 1.375rem; } }
  #ressources .res_card:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
    text-decoration: none; }
#ressources .res_card--featured {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 26px;
  background: linear-gradient(135deg, rgba(1, 141, 240, 0.07), rgba(1, 141, 240, 0.02));
  border-color: rgba(1, 141, 240, 0.25); }
  #ressources .res_card--featured .res_ico {
    margin: 0;
    font-size: calc(1rem + 1.5vw); }
    @media (min-width: 1200px) {
      #ressources .res_card--featured .res_ico {
        font-size: 2.125rem; } }
  #ressources .res_card--featured .featured_body {
    flex: 1 1 auto;
    min-width: 0; }
    #ressources .res_card--featured .featured_body h3 {
      font-size: calc(0.89375rem + 0.225vw); }
      @media (min-width: 1200px) {
        #ressources .res_card--featured .featured_body h3 {
          font-size: 1.0625rem; } }
    #ressources .res_card--featured .featured_body p {
      color: var(--jdc-text-soft, #374151);
      font-size: 0.875rem; }
  #ressources .res_card--featured .res_go {
    flex-shrink: 0;
    padding: 8px 16px;
    background: #018df0;
    border-radius: 8px;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap; }
  #ressources .res_card--featured:hover .res_go {
    background: #0175c7; }
#ressources .res_card--tuber {
  display: flex;
  gap: 14px;
  align-items: flex-start; }
  #ressources .res_card--tuber img {
    border-radius: 8px; }
  #ressources .res_card--tuber .tuber_infos {
    min-width: 0; }
    #ressources .res_card--tuber .tuber_infos .tuber_links {
      margin-top: 8px;
      font-size: 0.8125rem;
      font-weight: bold; }
      #ressources .res_card--tuber .tuber_infos .tuber_links a {
        margin-right: 14px; }

@media (max-width: 700px) {
  #ressources .res_card--featured {
    flex-direction: column;
    align-items: flex-start; }
    #ressources .res_card--featured .res_go {
      margin-left: 0; } }
#semantic_dictionary header {
  display: block;
  white-space: nowrap; }
  #semantic_dictionary header > div {
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 220px); }
    #semantic_dictionary header > div:last-child {
      margin: 0 !important; }

#show_proposition .definitions {
  margin-top: 25px; }
  #show_proposition .definitions > li {
    text-align: center; }
#show_proposition .w50 {
  width: 50% !important; }

#signin_signup {
  position: relative;
  background-color: #018df0;
  color: #FFF;
  overflow: hidden; }
  #signin_signup article {
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly; }
    #signin_signup article > div {
      flex: 1 1 auto;
      padding: calc(1.0375rem + 1.95vw) 0.625rem; }
      @media (min-width: 1200px) {
        #signin_signup article > div {
          padding: 2.5rem 0.625rem; } }
      #signin_signup article > div:first-child {
        font-size: calc(0.89375rem + 0.225vw);
        max-width: 600px; }
        @media (min-width: 1200px) {
          #signin_signup article > div:first-child {
            font-size: 1.0625rem; } }
        #signin_signup article > div:first-child h2 {
          margin-bottom: 17px; }
        #signin_signup article > div:first-child p {
          margin: 10px 0; }
        #signin_signup article > div:first-child::after {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-radius: 50%;
          padding: 22%;
          left: 6vw;
          top: -4vw;
          z-index: 1;
          pointer-events: none;
          display: block;
          background: rgba(0, 0, 0, 0.05); }
      #signin_signup article > div:last-child {
        max-width: 500px; }
    #signin_signup article .or {
      font-size: 0.75rem;
      margin: 15px 0;
      font-style: italic;
      text-align: center; }
    #signin_signup article .oauth_fb {
      background-color: #385499;
      padding: 10px;
      display: inline-block;
      width: 100%;
      color: #FFF !important;
      text-align: center; }
      #signin_signup article .oauth_fb svg {
        vertical-align: text-bottom; }
        #signin_signup article .oauth_fb svg path {
          fill: #fff; }
  #signin_signup a {
    color: #000 !important; }
    #signin_signup a:hover {
      color: #444 !important; }
  #signin_signup .forget_password, #signin_signup .caution {
    font-size: 0.6875rem;
    font-style: italic; }
  #signin_signup .form_signin_signup > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-bottom: 12px; }
    #signin_signup .form_signin_signup > div label {
      font-size: 0.875rem;
      color: #535a60;
      background-color: #eff0f1;
      border-radius: 2px 0 0 2px;
      flex-basis: 125px;
      line-height: 41px;
      max-width: 125px;
      white-space: nowrap;
      padding: 0 16px; }
    #signin_signup .form_signin_signup > div input {
      display: inline-block;
      flex: 1 1 auto;
      max-width: 100%;
      border-radius: 0;
      border: none !important;
      margin: 0 !important;
      padding: 0 12px !important;
      line-height: 41px; }
      #signin_signup .form_signin_signup > div input:focus {
        box-shadow: 0 1px 5px rgba(1, 141, 240, 0.5) inset; }
  #signin_signup .form_signin_signup .name {
    display: none; }
  #signin_signup input[type="button"], #signin_signup input[type="submit"], #signin_signup button {
    width: 100%;
    height: 50px;
    padding: 8px;
    font-size: calc(0.8875rem + 0.15vw);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 1200px) {
      #signin_signup input[type="button"], #signin_signup input[type="submit"], #signin_signup button {
        font-size: 1rem; } }

#statistiques .stats_intro {
  margin: 4px 0 22px;
  max-width: 720px;
  font-size: calc(0.87813rem + 0.0375vw);
  color: var(--jdc-text-muted, #6b7280);
  line-height: 1.55; }
  @media (min-width: 1200px) {
    #statistiques .stats_intro {
      font-size: 0.90625rem; } }
#statistiques .stats_tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 12px;
  margin: 0 0 26px; }
  #statistiques .stats_tiles .stat_tile {
    padding: 16px 12px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
    text-align: center; }
    #statistiques .stats_tiles .stat_tile strong {
      display: block;
      font-size: calc(0.95rem + 0.9vw);
      font-weight: 700;
      color: #018df0;
      line-height: 1.15; }
      @media (min-width: 1200px) {
        #statistiques .stats_tiles .stat_tile strong {
          font-size: 1.625rem; } }
    #statistiques .stats_tiles .stat_tile span {
      display: block;
      margin-top: 5px;
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280); }
#statistiques .stats_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px; }
  #statistiques .stats_grid .stat_card {
    position: relative;
    min-width: 0;
    padding: 18px 18px 12px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }
    #statistiques .stats_grid .stat_card h3 {
      margin: 0;
      padding: 0;
      border: none;
      font-family: "Fondamento", serif;
      font-size: calc(0.90625rem + 0.375vw);
      color: var(--jdc-text, #111827); }
      @media (min-width: 1200px) {
        #statistiques .stats_grid .stat_card h3 {
          font-size: 1.1875rem; } }
    #statistiques .stats_grid .stat_card .stat_note {
      margin: 2px 0 10px;
      font-size: 0.78125rem;
      color: var(--jdc-text-muted, #6b7280); }
    #statistiques .stats_grid .stat_card .stat_chart {
      width: 100%;
      height: 300px; }
    #statistiques .stats_grid .stat_card .stat_table {
      margin-top: 6px;
      font-size: 0.75rem; }
      #statistiques .stats_grid .stat_card .stat_table summary {
        color: var(--jdc-text-faint, #9ca3af);
        cursor: pointer; }
        #statistiques .stats_grid .stat_card .stat_table summary:hover {
          color: var(--jdc-text-muted, #6b7280); }
      #statistiques .stats_grid .stat_card .stat_table .stat_table_wrap {
        max-height: 240px;
        margin-top: 8px;
        overflow: auto; }
        #statistiques .stats_grid .stat_card .stat_table .stat_table_wrap table {
          width: 100%;
          border-collapse: collapse; }
          #statistiques .stats_grid .stat_card .stat_table .stat_table_wrap table th, #statistiques .stats_grid .stat_card .stat_table .stat_table_wrap table td {
            padding: 3px 8px;
            border-bottom: 1px solid var(--jdc-border, #e5e7eb);
            font-size: 0.75rem;
            font-weight: 400;
            color: var(--jdc-text-soft, #374151);
            text-align: left; }
          #statistiques .stats_grid .stat_card .stat_table .stat_table_wrap table td {
            text-align: right;
            font-variant-numeric: tabular-nums; }
    #statistiques .stats_grid .stat_card .chart_switch {
      position: absolute;
      top: 14px;
      right: 14px;
      display: flex;
      gap: 4px;
      opacity: 0.45;
      transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      #statistiques .stats_grid .stat_card .chart_switch .chart_switch_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        padding: 0;
        background: var(--jdc-surface-alt, #fafafb);
        border: 1px solid var(--jdc-border, #e5e7eb);
        border-radius: 6px;
        color: var(--jdc-text-muted, #6b7280);
        cursor: pointer;
        transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        #statistiques .stats_grid .stat_card .chart_switch .chart_switch_btn svg {
          display: block; }
        #statistiques .stats_grid .stat_card .chart_switch .chart_switch_btn:hover {
          color: var(--jdc-text, #111827);
          border-color: var(--jdc-border-strong, #d1d5db); }
        #statistiques .stats_grid .stat_card .chart_switch .chart_switch_btn.active {
          background: #018df0;
          border-color: #018df0;
          color: #fff; }
    #statistiques .stats_grid .stat_card:hover .chart_switch {
      opacity: 1; }
  #statistiques .stats_grid .stat_card_wide {
    grid-column: 1/-1; }
  #statistiques .stats_grid .stat_card_tall .stat_chart {
    height: 480px; }
#statistiques .chart_error {
  padding: 30px 0;
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  text-align: center; }
#statistiques .stats_books {
  margin: 30px 0 10px; }
  #statistiques .stats_books h2 {
    margin: 0 0 14px;
    font-family: "Fondamento", serif;
    font-size: calc(0.91875rem + 0.525vw);
    color: var(--jdc-text, #111827); }
    @media (min-width: 1200px) {
      #statistiques .stats_books h2 {
        font-size: 1.3125rem; } }
  #statistiques .stats_books .books_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px; }
    #statistiques .stats_books .books_row figure {
      margin: 0;
      padding: 14px;
      background: var(--jdc-surface, #ffffff);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 12px; }
      #statistiques .stats_books .books_row figure img {
        display: block;
        width: 100%;
        height: auto;
        padding: 8px;
        background: #fff;
        border-radius: 6px; }
      #statistiques .stats_books .books_row figure figcaption {
        margin-top: 8px;
        font-size: 0.8125rem;
        color: var(--jdc-text-muted, #6b7280);
        text-align: center; }
@media (max-width: 900px) {
  #statistiques .stats_grid {
    grid-template-columns: 1fr; }
  #statistiques .stats_books .books_row {
    grid-template-columns: 1fr; } }

#top_words #words li {
  font-size: calc(1rem + 1.5vw);
  font-weight: bold;
  text-align: center;
  margin: 15px 0;
  text-transform: capitalize; }
  @media (min-width: 1200px) {
    #top_words #words li {
      font-size: 2.125rem; } }

.universe-intro {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: rgba(1, 141, 240, 0.08);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-left: 4px solid #018df0;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 0 0 24px; }
  .universe-intro .universe-intro-icon {
    flex: none;
    font-size: 26px;
    line-height: 1; }
  .universe-intro .universe-intro-text {
    min-width: 0; }
    .universe-intro .universe-intro-text h2 {
      font-family: "Fondamento", serif;
      font-size: calc(0.9rem + 0.3vw);
      line-height: 1.2;
      margin: 0 0 6px;
      color: var(--jdc-text, #111827); }
      @media (min-width: 1200px) {
        .universe-intro .universe-intro-text h2 {
          font-size: 1.125rem; } }
    .universe-intro .universe-intro-text p {
      font-family: "Lato", sans-serif;
      font-size: 0.875rem;
      line-height: 1.6;
      color: var(--jdc-text-soft, #374151);
      margin: 0; }
    .universe-intro .universe-intro-text strong {
      color: var(--jdc-text, #111827); }

.universes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px; }
  .universes-head h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.9125rem + 0.45vw);
    color: var(--jdc-text, #111827);
    margin: 0; }
    @media (min-width: 1200px) {
      .universes-head h2 {
        font-size: 1.25rem; } }

.universes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px; }

.universe-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 20px 22px 18px 26px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #018df0; }
  .universe-card:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-2px);
    text-decoration: none; }
  .universe-card.is-public::before {
    background: var(--jdc-success, #2ecc71); }

.universe-card-visibility {
  align-self: flex-start;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  color: var(--jdc-text-muted, #6b7280); }
  .universe-card.is-public .universe-card-visibility {
    background: rgba(46, 204, 113, 0.14);
    color: #1a8a4a; }

.universe-card-name {
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw);
  line-height: 1.25;
  margin: 2px 0 0;
  color: var(--jdc-text, #111827); }
  @media (min-width: 1200px) {
    .universe-card-name {
      font-size: 1.25rem; } }

.universe-card-desc {
  font-family: "Lato", sans-serif;
  font-size: 0.84375rem;
  line-height: 1.55;
  color: var(--jdc-text-soft, #374151);
  margin: 0; }

.universe-card-meta {
  font-size: 0.78125rem;
  color: var(--jdc-text-faint, #9ca3af);
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px solid var(--jdc-border, #e5e7eb); }

.universe-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding: 56px 24px;
  color: var(--jdc-text-muted, #6b7280);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-radius: 12px;
  border: 1px dashed var(--jdc-border-strong, #d1d5db); }
  .universe-empty-state .universe-empty-emoji {
    font-size: 34px;
    margin: 0 0 4px; }
  .universe-empty-state p {
    margin: 0; }
  .universe-empty-state .button {
    margin-top: 12px; }

.universe-form, .universe-entry-form {
  max-width: 560px; }
  .universe-form p, .universe-entry-form p {
    margin: 0 0 16px; }
  .universe-form label, .universe-entry-form label {
    display: block;
    font-size: 0.84375rem;
    font-weight: 600;
    color: var(--jdc-text, #111827);
    margin: 0 0 5px; }
  .universe-form input[type="text"], .universe-form textarea, .universe-form select, .universe-entry-form input[type="text"], .universe-entry-form textarea, .universe-entry-form select {
    width: 100%;
    padding: 9px 12px;
    font-size: calc(0.87813rem + 0.0375vw);
    font-family: "Lato", sans-serif;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 1200px) {
      .universe-form input[type="text"], .universe-form textarea, .universe-form select, .universe-entry-form input[type="text"], .universe-entry-form textarea, .universe-entry-form select {
        font-size: 0.90625rem; } }
    .universe-form input[type="text"]:focus, .universe-form textarea:focus, .universe-form select:focus, .universe-entry-form input[type="text"]:focus, .universe-entry-form textarea:focus, .universe-entry-form select:focus {
      outline: none;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.08); }
  .universe-form textarea, .universe-entry-form textarea {
    resize: vertical;
    min-height: 72px; }
  .universe-form select[multiple], .universe-entry-form select[multiple] {
    min-height: 112px; }
  .universe-form .field-hint, .universe-entry-form .field-hint {
    display: block;
    font-size: 0.75rem;
    color: var(--jdc-text-muted, #6b7280);
    margin: 5px 0 0; }
  .universe-form .errors, .universe-entry-form .errors {
    list-style: none;
    padding: 12px 16px;
    margin: 0 0 18px;
    font-size: 0.8125rem;
    background: var(--jdc-danger-soft, rgba(231, 76, 60, 0.1));
    border: 1px solid var(--jdc-danger, #e74c3c);
    border-left: 3px solid var(--jdc-danger, #e74c3c);
    border-radius: 8px;
    color: var(--jdc-text, #111827); }
    .universe-form .errors li, .universe-entry-form .errors li {
      padding: 2px 0; }

.universe-entry-form-row {
  display: flex;
  gap: 12px; }
  .universe-entry-form-row > p {
    flex: 1 1 0;
    min-width: 0; }

.entry-details {
  display: none;
  margin: 0 0 16px;
  padding: 14px 16px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px; }
  .entry-details.active {
    display: block; }
  .entry-details legend {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--jdc-text-muted, #6b7280);
    padding: 0 4px; }

.entry-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px; }
  .entry-details-grid p {
    margin: 0 0 12px; }
  @media (max-width: 640px) {
    .entry-details-grid {
      grid-template-columns: 1fr; } }

.universe-form-actions, .universe-entry-form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 20px 0 0; }

.universe-form-cancel {
  font-size: 0.84375rem;
  color: var(--jdc-text-muted, #6b7280); }

.universe-danger-zone {
  margin: 32px 0 0;
  padding: 18px 20px;
  border: 1px dashed var(--jdc-danger, #e74c3c);
  border-radius: 12px;
  max-width: 560px; }
  .universe-danger-zone h2 {
    font-size: 0.875rem;
    color: var(--jdc-danger, #e74c3c);
    margin: 0 0 6px; }
  .universe-danger-zone p {
    font-size: 0.8125rem;
    color: var(--jdc-text-muted, #6b7280);
    margin: 0 0 12px; }

.universe-delete-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.84375rem;
  font-weight: 600;
  color: var(--jdc-danger, #e74c3c); }
  .universe-delete-link:hover {
    text-decoration: underline; }

.universe-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 4px 0 18px; }
  .universe-toolbar .button {
    font-size: 0.8125rem;
    padding: 8px 14px;
    margin: 0; }

.universe-visibility-toggle {
  display: inline-flex;
  margin: 0; }
  .universe-visibility-toggle button {
    font-size: 0.8125rem;
    padding: 8px 14px;
    margin: 0; }

.universe-meta {
  font-size: 0.84375rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0 0 6px; }

.universe-description {
  font-family: "Lato", sans-serif;
  font-size: calc(0.87813rem + 0.0375vw);
  line-height: 1.65;
  color: var(--jdc-text-soft, #374151);
  max-width: 680px;
  margin: 0 0 20px; }
  @media (min-width: 1200px) {
    .universe-description {
      font-size: 0.90625rem; } }

.universe-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 22px; }
  .universe-search input[type="text"] {
    flex: 1 1 auto;
    max-width: 340px;
    padding: 8px 12px;
    font-size: 0.875rem;
    font-family: "Lato", sans-serif;
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    background: var(--jdc-surface, #ffffff);
    color: var(--jdc-text, #111827); }
    .universe-search input[type="text"]:focus {
      outline: none;
      border-color: #018df0; }
  .universe-search .universe-search-clear {
    font-size: 0.78125rem;
    color: var(--jdc-text-muted, #6b7280); }

.universe-kind-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 20px; }

.universe-kind-filter-btn {
  font-size: 0.78125rem;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  color: var(--jdc-text-soft, #374151); }
  .universe-kind-filter-btn:hover {
    border-color: #018df0;
    color: #018df0;
    text-decoration: none; }
  .universe-kind-filter-btn.active {
    background: #018df0;
    border-color: #018df0;
    color: #fff; }

.universe-folders-panel {
  margin: 0 0 22px;
  padding: 16px 18px 18px;
  background: var(--jdc-surface-alt, #fafafb);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px; }

.universe-folders-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 12px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-folders-head h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.88125rem + 0.075vw);
    margin: 0;
    color: var(--jdc-text, #111827); }
    @media (min-width: 1200px) {
      .universe-folders-head h2 {
        font-size: 0.9375rem; } }
  .universe-folders-head.drop_hover {
    background: rgba(1, 141, 240, 0.08);
    box-shadow: inset 0 0 0 1px #018df0;
    border-radius: 8px; }

.universe-folder-new-toggle {
  font-size: 0.78125rem;
  padding: 6px 12px;
  margin: 0;
  cursor: pointer; }

.universe-folder-new-form, .universe-folder-subform {
  display: none; }
  .universe-folder-new-form form, .universe-folder-subform form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
  .universe-folder-new-form input[type="text"], .universe-folder-new-form select, .universe-folder-subform input[type="text"], .universe-folder-subform select {
    flex: 1 1 auto;
    padding: 7px 10px;
    font-size: 0.8125rem;
    font-family: "Lato", sans-serif;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px; }
    .universe-folder-new-form input[type="text"]:focus, .universe-folder-new-form select:focus, .universe-folder-subform input[type="text"]:focus, .universe-folder-subform select:focus {
      outline: none;
      border-color: #018df0; }

.universe-folder-new-form {
  margin: 0 0 14px; }

.universe-folder-parent-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78125rem;
  color: var(--jdc-text-muted, #6b7280); }

.universe-folder-subform {
  margin: 2px 0 6px 34px; }
  .universe-folder-subform input[type="text"] {
    font-size: 0.78125rem;
    padding: 6px 10px; }

.universe-folders-tree {
  list-style: none;
  margin: 0;
  padding: 0; }
  .universe-folders-tree.nested {
    margin: 2px 0 4px 22px;
    padding-left: 12px;
    border-left: 1px dashed var(--jdc-border, #e5e7eb); }

.universe-folder-item.collapsed > .universe-folder-contents {
  display: none; }

.universe-folder-item.collapsed > .universe-folder-row .universe-folder-chevron {
  transform: rotate(0deg); }

.universe-folder-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 8px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-folder-row:hover {
    background: var(--jdc-bg-subtle, #f1f2f4); }
    .universe-folder-row:hover .universe-folder-actions {
      opacity: 1; }
  .universe-folder-row.drop_hover {
    background: rgba(1, 141, 240, 0.08);
    box-shadow: inset 0 0 0 1px #018df0; }

.universe-folder-chevron {
  flex: none;
  width: 14px;
  font-size: 0.6875rem;
  color: var(--jdc-text-faint, #9ca3af);
  cursor: pointer;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(90deg); }
  .universe-folder-chevron.empty {
    visibility: hidden;
    cursor: default; }

.universe-folder-name {
  font-size: 0.84375rem;
  color: var(--jdc-text, #111827);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .universe-folder-name:hover {
    color: #018df0;
    text-decoration: none; }
  .universe-folder-item.active > .universe-folder-row .universe-folder-name {
    color: #018df0;
    font-weight: 600; }

.universe-folder-item.renaming .universe-folder-row .universe-folder-name {
  display: none; }

.universe-folder-rename-input {
  font-size: 0.8125rem;
  min-width: 120px;
  padding: 3px 6px;
  color: var(--jdc-text, #111827);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid #018df0;
  border-radius: 8px; }
  .universe-folder-rename-input:focus {
    outline: none; }

.universe-folder-count {
  flex: none;
  margin-left: auto;
  font-size: 0.6875rem;
  padding: 1px 8px;
  color: var(--jdc-text-faint, #9ca3af);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-radius: 999px; }

.universe-folder-actions {
  flex: none;
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-folder-actions span, .universe-folder-actions a {
    font-size: 0.75rem;
    cursor: pointer;
    color: var(--jdc-text-muted, #6b7280); }
    .universe-folder-actions span:hover, .universe-folder-actions a:hover {
      color: #018df0; }
  .universe-folder-actions .universe-folder-delete:hover {
    color: var(--jdc-danger, #e74c3c); }

.universe-root-items {
  list-style: none;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px dashed var(--jdc-border, #e5e7eb); }

.universe-root-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 30px;
  font-size: 0.8125rem;
  color: var(--jdc-text-soft, #374151);
  border-radius: 8px;
  cursor: grab;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-root-item:hover {
    background: var(--jdc-bg-subtle, #f1f2f4); }

.universe-root-item-link {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  color: inherit; }
  .universe-root-item-link:hover {
    color: #018df0;
    text-decoration: none; }

.universe-folder-entries {
  list-style: none;
  margin: 2px 0 4px 22px;
  padding: 0 0 0 12px;
  border-left: 1px dashed var(--jdc-border, #e5e7eb); }

.universe-folder-thread {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0 0 14px; }
  .universe-folder-thread strong {
    color: var(--jdc-text, #111827); }

.universe-entry-placeholder {
  min-height: 60px;
  background: rgba(1, 141, 240, 0.08);
  border: 1px dashed #018df0;
  border-radius: 12px; }

.universe-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px; }
  .universe-toc a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78125rem;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px solid var(--jdc-border, #e5e7eb);
    color: var(--jdc-text-soft, #374151); }
    .universe-toc a:hover {
      border-color: #018df0;
      color: #018df0; }
  .universe-toc .universe-toc-n {
    font-size: 0.6875rem;
    color: var(--jdc-text-faint, #9ca3af); }

.universe-quickadd-toggle.active {
  background: #0175c7;
  border-color: #0175c7; }

.universe-quickadd {
  display: none;
  background: var(--jdc-surface-alt, #fafafb);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 20px 22px;
  margin: 0 0 30px;
  scroll-margin-top: 70px; }
  .universe-quickadd.open {
    display: block; }
  .universe-quickadd h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.9rem + 0.3vw);
    margin: 0 0 4px;
    color: var(--jdc-text, #111827); }
    @media (min-width: 1200px) {
      .universe-quickadd h2 {
        font-size: 1.125rem; } }
  .universe-quickadd .universe-quickadd-hint {
    font-size: 0.78125rem;
    color: var(--jdc-text-muted, #6b7280);
    margin: 0 0 14px; }

.universe-entries-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px; }
  .universe-entries-head h2 {
    font-family: "Fondamento", serif;
    font-size: calc(0.90625rem + 0.375vw);
    color: var(--jdc-text, #111827);
    margin: 0; }
    @media (min-width: 1200px) {
      .universe-entries-head h2 {
        font-size: 1.1875rem; } }

.universe-entries-group {
  margin: 0 0 30px;
  scroll-margin-top: 70px; }
  .universe-entries-group h3 {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 0.8125rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #018df0;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb);
    padding: 0 0 8px;
    margin: 0 0 14px; }
  .universe-entries-group .universe-entries-group-n {
    font-size: 0.6875rem;
    color: var(--jdc-text-faint, #9ca3af);
    text-transform: none;
    letter-spacing: 0; }

.universe-entries {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  align-items: start;
  gap: 14px; }

.universe-entry {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-top: 3px solid #018df0;
  border-radius: 12px;
  padding: 16px 18px;
  scroll-margin-top: 70px;
  cursor: grab;
  transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .universe-entry .universe-entry-kind {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #018df0;
    background: rgba(1, 141, 240, 0.08);
    padding: 2px 9px;
    border-radius: 999px;
    white-space: nowrap; }
  .universe-entry.kind-1 {
    border-top-color: #2ecc71; }
    .universe-entry.kind-1 .universe-entry-kind {
      color: #1a8a4a;
      background: rgba(46, 204, 113, 0.14); }
  .universe-entry.kind-2 {
    border-top-color: #c9922a; }
    .universe-entry.kind-2 .universe-entry-kind {
      color: #8a5f10;
      background: rgba(201, 146, 42, 0.16); }
  .universe-entry.kind-3 {
    border-top-color: #8b5cf6; }
    .universe-entry.kind-3 .universe-entry-kind {
      color: #6d43d6;
      background: rgba(139, 92, 246, 0.14); }
  .universe-entry.kind-4 {
    border-top-color: #17a2b8; }
    .universe-entry.kind-4 .universe-entry-kind {
      color: #0f7386;
      background: rgba(23, 162, 184, 0.14); }
  .universe-entry.just-arrived {
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.16); }

.universe-entry-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 4px; }

.universe-entry-term {
  font-family: "Fondamento", serif;
  font-size: calc(0.90625rem + 0.375vw);
  line-height: 1.25;
  color: var(--jdc-text, #111827);
  margin: 0; }
  @media (min-width: 1200px) {
    .universe-entry-term {
      font-size: 1.1875rem; } }

.universe-entry-pronunciation {
  font-size: 0.78125rem;
  font-style: italic;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0 0 8px; }

.universe-entry-definition {
  font-family: "Lato", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--jdc-text-soft, #374151);
  margin: 0 0 8px; }

.universe-entry-details {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 8px;
  font-size: 0.78125rem;
  line-height: 1.5;
  margin: 0 0 10px; }
  .universe-entry-details dt {
    color: var(--jdc-text-muted, #6b7280);
    font-weight: 600; }
  .universe-entry-details dd {
    margin: 0;
    color: var(--jdc-text-soft, #374151); }

.universe-entry-notes {
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.55;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0 0 10px; }

.universe-entry-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px; }
  .universe-entry-links .universe-entry-links-label {
    font-size: 0.71875rem;
    color: var(--jdc-text-faint, #9ca3af);
    margin-right: 2px; }

.entry-actions {
  display: flex;
  gap: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--jdc-border, #e5e7eb);
  font-size: 0.78125rem; }
  .entry-actions a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--jdc-text-muted, #6b7280); }
    .entry-actions a:hover {
      color: #018df0; }
  .entry-actions a.entry-delete:hover {
    color: var(--jdc-danger, #e74c3c); }

@media (max-width: 640px) {
  .universe-intro {
    flex-direction: column; }

  .universe-toolbar .button, .universe-visibility-toggle button {
    flex: 1 1 auto;
    justify-content: center; }

  .universe-entry-form-row {
    flex-direction: column;
    gap: 0; } }
@media print {
  body#universes-show > header, body#universes-show > footer {
    display: none !important; }
  body#universes-show main > nav, body#universes-show main > aside {
    display: none !important; }
  body#universes-show main, body#universes-show #main_section {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important; }
  body#universes-show .universe-toolbar, body#universes-show .universe-search, body#universes-show .universe-kind-filter, body#universes-show .universe-toc, body#universes-show .universe-quickadd, body#universes-show .universe-visibility-toggle, body#universes-show .entry-actions, body#universes-show .universe-folders-panel, body#universes-show .universe-folder-thread {
    display: none !important; }
  body#universes-show .universe-entries {
    display: block !important; }
  body#universes-show .universe-entry {
    break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    margin-bottom: 12px !important; }
  body#universes-show a {
    color: #000 !important;
    text-decoration: none !important; } }
body#universes-index .universe-gallery-link {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 10px 0 0; }
  body#universes-index .universe-gallery-link a {
    color: #018df0; }

body#universes-gallery .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin: 0 0 24px; }
body#universes-gallery .gallery-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 20px 22px 18px 26px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#universes-gallery .gallery-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--jdc-success, #2ecc71); }
  body#universes-gallery .gallery-card:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-2px);
    text-decoration: none; }
body#universes-gallery .gallery-card-name {
  font-family: "Fondamento", serif;
  font-size: calc(0.9125rem + 0.45vw);
  line-height: 1.25;
  margin: 0;
  color: var(--jdc-text, #111827); }
  @media (min-width: 1200px) {
    body#universes-gallery .gallery-card-name {
      font-size: 1.25rem; } }
body#universes-gallery .gallery-card-author {
  font-size: 0.78125rem;
  color: var(--jdc-text-muted, #6b7280);
  margin: 0; }
  body#universes-gallery .gallery-card-author .gallery-card-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -2px 4px 0 0;
    border-radius: 50%;
    border: 1px solid var(--jdc-border, #e5e7eb); }
body#universes-gallery .gallery-card-desc {
  font-family: "Lato", sans-serif;
  font-size: 0.84375rem;
  line-height: 1.55;
  color: var(--jdc-text-soft, #374151);
  margin: 0; }
body#universes-gallery .gallery-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 0; }
body#universes-gallery .gallery-card-badge {
  font-size: 0.75rem;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(1, 141, 240, 0.08);
  color: #018df0; }
body#universes-gallery .gallery-card-meta {
  font-size: 0.78125rem;
  color: var(--jdc-text-faint, #9ca3af);
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px solid var(--jdc-border, #e5e7eb); }

body#universes-gallery-show .gallery-show-banner {
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280);
  padding: 10px 16px;
  margin: 0 0 20px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px; }
  body#universes-gallery-show .gallery-show-banner strong {
    color: var(--jdc-text, #111827); }
  body#universes-gallery-show .gallery-show-banner .gallery-show-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: -4px 6px 0 0;
    border-radius: 50%;
    border: 1px solid var(--jdc-border, #e5e7eb); }
body#universes-gallery-show .entry-actions {
  display: none; }

.users {
  margin: 15px 0 0 5px; }

#show_users .user_info {
  width: 100%;
  margin-top: 25px; }
  #show_users .user_info article {
    width: 100%; }
    #show_users .user_info article .left {
      display: inline-block;
      width: 220px;
      margin-right: 40px;
      padding: 17px;
      border: 1px solid var(--jdc-border, #e0e0e0);
      overflow: hidden;
      background: #000 linear-gradient(to bottom, #f6f6f6 1%, #f6f6f6 45%, #ffffff 45%, #ffffff 100%);
      text-align: center; }
      #show_users .user_info article .left .avatar {
        width: 164px;
        height: 164px;
        margin: auto;
        overflow: hidden; }
      #show_users .user_info article .left .reputation {
        color: #292f33;
        font-size: calc(0.925rem + 0.6vw);
        font-weight: 300;
        padding: 12px 0;
        line-height: 16.9px; }
        @media (min-width: 1200px) {
          #show_users .user_info article .left .reputation {
            font-size: 1.375rem; } }
        #show_users .user_info article .left .reputation span {
          vertical-align: middle;
          color: var(--jdc-text-muted, #999);
          font-size: 0.6875rem;
          font-weight: 500;
          text-transform: uppercase; }
      #show_users .user_info article .left .badges > span {
        vertical-align: top;
        margin-bottom: 5px; }
    #show_users .user_info article .center {
      width: 446px;
      height: 278px;
      overflow-x: hidden;
      overflow-y: auto;
      margin-right: 20px;
      padding-right: 20px;
      display: inline-block; }
      #show_users .user_info article .center h1 {
        font-size: calc(0.9rem + 0.3vw);
        color: #2a2a28 !important;
        font-size: calc(0.9625rem + 1.05vw) !important;
        font-weight: 700;
        line-height: 28px;
        margin: 10px 0 6px !important;
        word-break: break-all; }
        @media (min-width: 1200px) {
          #show_users .user_info article .center h1 {
            font-size: 1.125rem; } }
        @media (min-width: 1200px) {
          #show_users .user_info article .center h1 {
            font-size: 1.75rem !important; } }
      #show_users .user_info article .center .description {
        margin-top: 15px;
        font-size: calc(0.88125rem + 0.075vw);
        line-height: 20px;
        padding-right: 20px; }
        @media (min-width: 1200px) {
          #show_users .user_info article .center .description {
            font-size: 0.9375rem; } }
    #show_users .user_info article .right {
      display: inline-block;
      vertical-align: top;
      margin-left: 15px;
      font-size: 0.8125rem;
      width: 250px;
      color: var(--jdc-text-muted, #666); }
      #show_users .user_info article .right .stats {
        padding-bottom: 15px; }
        #show_users .user_info article .right .stats > div {
          width: 100%;
          margin-bottom: 10px; }
        #show_users .user_info article .right .stats .stat {
          display: inline-block;
          vertical-align: top;
          white-space: nowrap;
          min-width: 32%;
          font-size: 0.8125rem;
          line-height: 16.9px; }
          #show_users .user_info article .right .stats .stat p {
            padding: 3px 20px 3px 0;
            width: 360px;
            overflow: hidden; }
          #show_users .user_info article .right .stats .stat span {
            color: #292f33;
            display: block;
            font-size: calc(0.89375rem + 0.225vw);
            font-weight: 700; }
            @media (min-width: 1200px) {
              #show_users .user_info article .right .stats .stat span {
                font-size: 1.0625rem; } }
          #show_users .user_info article .right .stats .stat .subscriptions {
            margin-left: 20px; }
          #show_users .user_info article .right .stats .stat .subscriber_number {
            font-size: calc(0.9rem + 0.3vw);
            vertical-align: middle;
            display: inline-block;
            height: 32px; }
            @media (min-width: 1200px) {
              #show_users .user_info article .right .stats .stat .subscriber_number {
                font-size: 1.125rem; } }
      #show_users .user_info article .right li {
        height: 17px;
        margin-top: 7px; }
        #show_users .user_info article .right li span {
          margin-right: 7px; }
#show_users .box_activites_summary, #show_users .activites_summary .reputation_summary, #show_users .activites_summary .badges_summary {
  display: inline-block;
  background: #f6f6f6 none repeat scroll 0 0;
  border: 1px solid var(--jdc-border, #e0e0e0);
  margin-right: 30px;
  width: 400px;
  padding: 20px 20px 30px; }
  #show_users .box_activites_summary > span, #show_users .activites_summary .reputation_summary > span, #show_users .activites_summary .badges_summary > span {
    color: var(--jdc-text-muted, #999);
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase; }
  #show_users .box_activites_summary .val, #show_users .activites_summary .reputation_summary .val, #show_users .activites_summary .badges_summary .val {
    color: #2a2a28;
    font-size: calc(0.95rem + 0.9vw);
    margin-right: 8px; }
    @media (min-width: 1200px) {
      #show_users .box_activites_summary .val, #show_users .activites_summary .reputation_summary .val, #show_users .activites_summary .badges_summary .val {
        font-size: 1.625rem; } }
#show_users .activites_summary {
  padding: 12px 0 26px 40px; }
  #show_users .activites_summary .line {
    fill: none;
    stroke-width: 2; }
  #show_users .activites_summary .reputation_summary .line {
    stroke: #8fc77e; }
  #show_users .activites_summary .badges_summary .serie_1 {
    stroke: #c12619; }
  #show_users .activites_summary .badges_summary .serie_2 {
    stroke: #d8a102; }
  #show_users .activites_summary .badges_summary .serie_3 {
    stroke: #adadad; }
  #show_users .activites_summary .badges_summary .serie_4 {
    stroke: #8b4405; }
  #show_users .activites_summary .graph {
    position: relative;
    margin-top: 15px; }
    #show_users .activites_summary .graph svg {
      position: absolute;
      right: 0;
      top: 0; }
    #show_users .activites_summary .graph ul {
      list-style: none;
      padding-left: 0;
      font-size: 0.625rem;
      color: var(--jdc-text-muted, #777); }
    #show_users .activites_summary .graph .values {
      line-height: 10px; }
      #show_users .activites_summary .graph .values li:nth-child(2n-1) {
        background-color: #ddd; }
    #show_users .activites_summary .graph .legend {
      display: block;
      height: 16px;
      overflow: hidden;
      padding-left: 24px;
      text-align: justify;
      line-height: 17px; }
      #show_users .activites_summary .graph .legend::after {
        content: "";
        display: inline-block;
        width: 100%; }
      #show_users .activites_summary .graph .legend li {
        display: inline-block;
        text-align: center;
        text-transform: uppercase; }
    #show_users .activites_summary .graph .rect {
      fill: none;
      pointer-events: all; }
#show_users .activities_info .reputation_panel .summary {
  width: 100% !important; }
#show_users .activities_info .reputation_panel .item_content {
  width: 400px; }
#show_users .activities_info .panel_target {
  display: table;
  border-collapse: separate;
  border-spacing: 0 20px; }
  #show_users .activities_info .panel_target .tr {
    display: table-row;
    height: 255px; }
    #show_users .activities_info .panel_target .tr .user_panel:first-child {
      padding-right: 60px; }
  #show_users .activities_info .panel_target .user_panel {
    display: table-cell;
    width: 465px;
    vertical-align: top; }
    #show_users .activities_info .panel_target .user_panel article {
      width: 100%;
      padding: 0; }
      #show_users .activities_info .panel_target .user_panel article .closed {
        background-color: #75845c;
        color: #e1e818;
        font-weight: bold; }
      #show_users .activities_info .panel_target .user_panel article .subscription-active {
        width: 26px !important;
        height: 25px !important;
        background-color: transparent !important;
        background-repeat: no-repeat;
        margin: 3px;
        padding: 0;
        color: var(--jdc-text-muted, #666);
        font-weight: bold;
        vertical-align: top; }
        #show_users .activities_info .panel_target .user_panel article .subscription-active span {
          padding-top: 25px;
          display: block; }
      #show_users .activities_info .panel_target .user_panel article .summary {
        width: calc(100% - 75px);
        display: inline-block; }
        #show_users .activities_info .panel_target .user_panel article .summary h3 {
          display: inline-block;
          width: 425px;
          margin: 0 0 15px 0;
          font-weight: normal;
          overflow: hidden;
          text-overflow: ellipsis; }
          #show_users .activities_info .panel_target .user_panel article .summary h3 a {
            color: var(--jdc-text, #222);
            font-size: 0.875rem; }
        #show_users .activities_info .panel_target .user_panel article .summary .tag {
          height: 15px;
          font-size: 0.75rem; }
      #show_users .activities_info .panel_target .user_panel article .summary_subscription a {
        padding-top: 10px;
        display: inline-block; }
  #show_users .activities_info .panel_target .tags_panel .tags .stat {
    height: auto;
    background-color: inherit;
    color: var(--jdc-text, #000); }
  #show_users .activities_info .panel_target .tags_panel .tags .summary {
    width: calc(100% - 110px); }
#show_users .item_content {
  width: 865px; }

._summary_user_right {
  margin-left: calc(100% - 284px); }

.summary_user {
  overflow: hidden;
  clear: both;
  height: 70px;
  margin: 8px 5px;
  padding: 7px;
  width: 250px;
  display: inline-block;
  color: var(--jdc-text-muted, #888);
  overflow: hidden;
  white-space: nowrap;
  background-color: rgba(253, 253, 253, 0.75);
  vertical-align: bottom;
  position: relative; }
  .summary_user small {
    margin-bottom: 5px;
    display: block;
    min-height: 6px; }
  .summary_user .right {
    display: inline-block;
    vertical-align: top;
    width: auto !important; }
  .summary_user .username {
    font-size: 0.8125rem;
    font-weight: bold;
    color: #440000; }
    .summary_user .username:hover {
      text-decoration: underline; }
  .summary_user .reputation {
    font-weight: bold;
    font-size: 0.875rem;
    color: var(--jdc-text, #444); }
  .summary_user .badgecount {
    margin: 0 3px;
    font-size: 0.875rem;
    color: var(--jdc-text, #444); }
  .summary_user .other {
    font-size: 0.8125rem; }

#edit_user label span {
  width: 120px;
  display: inline-block; }
#edit_user input[type="text"], #edit_user input[type="password"] {
  width: 355px; }
#edit_user input[type="submit"] {
  margin: auto;
  display: block; }

.edit_user {
  display: inline-block;
  margin: 0 0 0 40px;
  width: 728px; }
  .edit_user h1 {
    border-bottom: 1px solid #eaeaea;
    margin: 10px 0 20px 0;
    padding-bottom: 15px;
    font-size: calc(0.925rem + 0.6vw);
    line-height: 28px; }
    @media (min-width: 1200px) {
      .edit_user h1 {
        font-size: 1.375rem; } }

.menu_edit_user {
  width: 220px;
  display: inline-block;
  vertical-align: top; }
  .menu_edit_user .active {
    color: var(--jdc-text, #333);
    font-weight: bold; }
  .menu_edit_user ul li {
    height: 33px; }
    .menu_edit_user ul li:hover {
      background-color: var(--jdc-surface-alt, #eee); }
    .menu_edit_user ul li a {
      color: var(--jdc-text-muted, #777);
      display: block;
      line-height: 1;
      font-size: 0.8125rem;
      height: 13px;
      padding: 10px;
      position: relative;
      text-decoration: none;
      text-transform: capitalize; }
      .menu_edit_user ul li a span {
        position: absolute;
        right: 10px; }

#btn_gravatar img {
  vertical-align: bottom; }
#btn_gravatar span {
  display: inline-block;
  height: 29px;
  margin-left: 5px; }

#word #definitions, #word #arborescence, #word #etymologie, #word #usage_chronologique, #word #conjugaisons, #word #traducations, #word #images, #word #apparentes, #word #derives, #word #variantes, #word #expressions, #word #synonymes, #word #antonymes, #word #homonymes {
  display: none; }
  #word #definitions.active, #word #arborescence.active, #word #etymologie.active, #word #usage_chronologique.active, #word #conjugaisons.active, #word #traducations.active, #word #images.active, #word #apparentes.active, #word #derives.active, #word #variantes.active, #word #expressions.active, #word #synonymes.active, #word #antonymes.active, #word #homonymes.active {
    display: block; }
#word #main_section .tabized_overview {
  border-bottom: none; }
  #word #main_section .tabized_overview .tabs li {
    height: 34px;
    border-bottom: 1px var(--jdc-border, #ccc) solid; }
#word #main_section > time {
  font-style: italic;
  font-size: 0.625rem; }
#word #main_section header > *, #word #main_section h2 > * {
  margin-right: 8px; }
#word #main_section > section {
  margin-bottom: 50px; }
  #word #main_section > section h2 {
    margin-bottom: 15px; }
  #word #main_section > section h2, #word #main_section > section header {
    display: flex;
    justify-content: start;
    align-items: center; }
  #word #main_section > section > article {
    margin-left: 40px;
    margin-bottom: 40px; }
    #word #main_section > section > article h2, #word #main_section > section > article h3, #word #main_section > section > article .dico_title_2 {
      font-size: 0.875rem;
      font-weight: bold; }
    #word #main_section > section > article .dico_title_2 {
      display: inline-block;
      width: 100%;
      margin-top: 20px; }
    #word #main_section > section > article ol dd {
      padding: 15px; }
#word #main_section .hhhm {
  display: inline-block;
  border: 1px solid #111;
  padding: 7px 10px;
  font-weight: bold;
  font-size: calc(0.8875rem + 0.15vw); }
  @media (min-width: 1200px) {
    #word #main_section .hhhm {
      font-size: 1rem; } }
  #word #main_section .hhhm em {
    font-size: 0.6875rem; }
#word #main_section #images .wshow_img_google p {
  font-weight: bold; }
#word #main_section #usage_chronologique iframe {
  width: 100%; }
#word #main_section #hyperonyms_hyponyms {
  white-space: nowrap; }
  #word #main_section #hyperonyms_hyponyms > h3 {
    margin-bottom: 10px; }
    #word #main_section #hyperonyms_hyponyms > h3 small {
      font-weight: normal;
      font-size: 0.75rem; }
  #word #main_section #hyperonyms_hyponyms table {
    width: 100%;
    font-size: 0.875rem;
    border-collapse: separate;
    border-spacing: 15px; }
    #word #main_section #hyperonyms_hyponyms table tr:nth-child(2) td {
      width: 33%; }
    #word #main_section #hyperonyms_hyponyms table .arrow {
      height: 32px; }
    #word #main_section #hyperonyms_hyponyms table th, #word #main_section #hyperonyms_hyponyms table td {
      border: none;
      vertical-align: middle;
      text-align: center;
      min-height: 50px; }
#word #main_section #expressions_internaute li {
  padding: 10px;
  background: #fbfbfb; }
  #word #main_section #expressions_internaute li:nth-child(2n) {
    background: #f4f4f4; }
  #word #main_section #expressions_internaute li .grid_line a strong {
    display: block; }
#word #main_section #synonyms_synonymo ol, #word #main_section #synonyms_synonymo dl, #word #main_section #antonyms_antonyme ol, #word #main_section #antonyms_antonyme dl, #word #main_section #hyponyms ol, #word #main_section #hyponyms dl, #word #main_section #hyperonyms ol, #word #main_section #hyperonyms dl, #word #main_section #synonyms_internaute ol, #word #main_section #synonyms_internaute dl, #word #main_section #homonymes ol, #word #main_section #homonymes dl {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap; }
  #word #main_section #synonyms_synonymo ol li, #word #main_section #synonyms_synonymo ol dt, #word #main_section #synonyms_synonymo dl li, #word #main_section #synonyms_synonymo dl dt, #word #main_section #antonyms_antonyme ol li, #word #main_section #antonyms_antonyme ol dt, #word #main_section #antonyms_antonyme dl li, #word #main_section #antonyms_antonyme dl dt, #word #main_section #hyponyms ol li, #word #main_section #hyponyms ol dt, #word #main_section #hyponyms dl li, #word #main_section #hyponyms dl dt, #word #main_section #hyperonyms ol li, #word #main_section #hyperonyms ol dt, #word #main_section #hyperonyms dl li, #word #main_section #hyperonyms dl dt, #word #main_section #synonyms_internaute ol li, #word #main_section #synonyms_internaute ol dt, #word #main_section #synonyms_internaute dl li, #word #main_section #synonyms_internaute dl dt, #word #main_section #homonymes ol li, #word #main_section #homonymes ol dt, #word #main_section #homonymes dl li, #word #main_section #homonymes dl dt {
    padding: 10px; }
#word #main_section #definitions_wiki h3 {
  margin-top: 25px;
  font-size: calc(0.9rem + 0.3vw); }
  @media (min-width: 1200px) {
    #word #main_section #definitions_wiki h3 {
      font-size: 1.125rem; } }
#word #main_section #definitions_wiki ol li {
  margin-bottom: 0.8em; }
  #word #main_section #definitions_wiki ol li ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0; }
#word #main_section #definitions_wiki .titredef {
  background: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/OOjs_UI-like_arrow_empty-ltr_progressive.svg/48px-OOjs_UI-like_arrow_empty-ltr_progressive.svg.png);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 30px;
  padding-top: 4px; }
#word #main_section #definitions_wiki a + a {
  padding-left: 4px; }
#word #main_section #definitions_larousse .header-article {
  margin: 20px 0 10px 0; }
#word #main_section #definitions_larousse ul {
  padding: 0; }
  #word #main_section #definitions_larousse ul li {
    list-style: none;
    padding: 10px;
    background: #efeffb; }
    #word #main_section #definitions_larousse ul li:nth-child(2n+1) {
      background: #f8f7fd; }
    #word #main_section #definitions_larousse ul li .ExempleDefinition, #word #main_section #definitions_larousse ul li .numDef {
      font-size: 0.875rem;
      color: #566BB3;
      font-weight: bold; }
#word #main_section #definitions_internaute .dico_liste li {
  margin: 15px; }
  #word #main_section #definitions_internaute .dico_liste li .grid_line {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap; }
    #word #main_section #definitions_internaute .dico_liste li .grid_line .grid_left {
      min-width: 130px; }
    #word #main_section #definitions_internaute .dico_liste li .grid_line .grid_last a:not(:first-child) {
      margin-left: 4px; }
#word #main_section #conjugaisons_lefigaro h1 {
  background-color: #ddd;
  font-size: calc(0.9125rem + 0.45vw);
  padding: 10px;
  line-height: 30px;
  margin-bottom: 5px;
  text-align: center; }
  @media (min-width: 1200px) {
    #word #main_section #conjugaisons_lefigaro h1 {
      font-size: 1.25rem; } }
#word #main_section #conjugaisons_lefigaro h2 {
  font-size: calc(0.9rem + 0.3vw);
  background-color: #ddd;
  margin-bottom: 0;
  padding: 15px; }
  @media (min-width: 1200px) {
    #word #main_section #conjugaisons_lefigaro h2 {
      font-size: 1.125rem; } }
  #word #main_section #conjugaisons_lefigaro h2 a {
    display: block;
    width: 100%;
    text-align: center; }
#word #main_section #conjugaisons_lefigaro .modeBloc {
  background-color: #ddd;
  margin: 25px 0 5px 0; }
#word #main_section #conjugaisons_lefigaro .conjugBloc {
  vertical-align: top;
  width: 24%;
  display: inline-block;
  line-height: 1.5em;
  margin-bottom: 20px; }
  #word #main_section #conjugaisons_lefigaro .conjugBloc b {
    color: #018df0; }
#word #main_section #conjugaisons_lefigaro .tempsBloc {
  font-size: calc(0.88125rem + 0.075vw);
  font-weight: bold; }
  @media (min-width: 1200px) {
    #word #main_section #conjugaisons_lefigaro .tempsBloc {
      font-size: 0.9375rem; } }
#word #main_section #traducation_google svg {
  width: 24px;
  height: 24px; }

.lemme {
  margin: 5px 0; }
  .lemme .master_li li .btns, .lemme .va_li li .btns {
    border: none !important;
    display: none; }
  .lemme .master_li li:first-child .icons-delete_active, .lemme .va_li li:first-child .icons-delete_active {
    display: none; }
  .lemme .master_li li:last-child .btns, .lemme .va_li li:last-child .btns {
    display: inline-block; }
  .lemme .master_li li > * {
    display: flex;
    align-items: center;
    justify-content: center; }
  .lemme .va_li li > * {
    display: flex;
    align-items: center;
    justify-content: center; }
  .lemme .va_li .plus {
    font-size: calc(0.94375rem + 0.825vw);
    border: none !important; }
    @media (min-width: 1200px) {
      .lemme .va_li .plus {
        font-size: 1.5625rem; } }

.master, .lemme .master_li li > * {
  border: 2px solid red !important;
  padding: 4px;
  min-height: 40px;
  display: inline-block; }

.va, .lemme .va_li li > * {
  border: 2px solid blue !important;
  padding: 4px;
  min-height: 40px;
  display: inline-block; }

.suggestion {
  margin-bottom: 30px; }

.register_value {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.75rem;
  border: 1px solid transparent;
  cursor: pointer; }

.register_value.register_-1:hover {
  border-color: #b8463c;
  color: #b8463c; }

.register_value.register_0:hover {
  border-color: #b5763a;
  color: #b5763a; }

.register_value.register_1:hover {
  border-color: #b09032;
  color: #b09032; }

.register_value.register_2:hover {
  border-color: #8a8f98;
  color: #8a8f98; }

.register_value.register_3:hover {
  border-color: #7a6cc0;
  color: #7a6cc0; }

.register_dot {
  font-size: 0.6875rem;
  margin-right: 3px; }

.register_-1 .register_dot {
  color: #b8463c; }

.register_0 .register_dot {
  color: #b5763a; }

.register_1 .register_dot {
  color: #b09032; }

.register_2 .register_dot {
  color: #8a8f98; }

.register_3 .register_dot {
  color: #7a6cc0; }

.wshow_legend_row.register_-1:hover {
  border: 1px solid #b8463c; }
  .wshow_legend_row.register_-1:hover .wshow_legend_label {
    color: #b8463c; }

.wshow_legend_row.register_0:hover {
  border: 1px solid #b5763a; }
  .wshow_legend_row.register_0:hover .wshow_legend_label {
    color: #b5763a; }

.wshow_legend_row.register_1:hover {
  border: 1px solid #b09032; }
  .wshow_legend_row.register_1:hover .wshow_legend_label {
    color: #b09032; }

.wshow_legend_row.register_2:hover {
  border: 1px solid #8a8f98; }
  .wshow_legend_row.register_2:hover .wshow_legend_label {
    color: #8a8f98; }

.wshow_legend_row.register_3:hover {
  border: 1px solid #7a6cc0; }
  .wshow_legend_row.register_3:hover .wshow_legend_label {
    color: #7a6cc0; }

.rarety_gems {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  vertical-align: middle;
  line-height: 1; }

.rarety_gems[data-wshow_modal_open] {
  cursor: pointer; }

.rarety_gem {
  color: var(--jdc-border, #d1d5db);
  font-size: 0.6875rem; }

.rarety_gems_1 .rarety_gem.is_lit {
  color: #3d8f58; }

.rarety_gems_2 .rarety_gem.is_lit {
  color: #cea51b; }

.rarety_gems_3 .rarety_gem.is_lit {
  color: #c02d2e;
  text-shadow: 0 0 4px rgba(250, 204, 21, 0.6); }

.wshow_legend_intro {
  margin-bottom: 10px;
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.8125rem; }

.wshow_legend_list {
  padding: 0;
  list-style: none; }

.wshow_legend_row {
  padding: 8px 0;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  .wshow_legend_row:last-child {
    border-bottom: none; }

.wshow_legend_sample {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px; }
  .wshow_legend_sample .rarety_gems {
    font-size: calc(0.88125rem + 0.075vw); }
    @media (min-width: 1200px) {
      .wshow_legend_sample .rarety_gems {
        font-size: 0.9375rem; } }
  .wshow_legend_sample .register_dot {
    font-size: calc(0.88125rem + 0.075vw);
    margin-right: 0; }
    @media (min-width: 1200px) {
      .wshow_legend_sample .register_dot {
        font-size: 0.9375rem; } }

.wshow_legend_label {
  font-weight: bold;
  font-size: 0.8125rem; }

.wshow_legend_desc {
  margin: 0;
  color: var(--jdc-text-muted, #6b7280);
  font-size: 0.75rem; }

.wshow_legend_chip_master, .wshow_legend_chip_va {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 999px;
  background: var(--jdc-surface-alt, #fafafb);
  font-size: 0.75rem;
  font-weight: bold; }

.wshow_legend_chip_master {
  border-left: 3px solid #c07a52; }

.wshow_legend_chip_va {
  border-left: 3px solid #6f8fb5; }

#word.wshow main > #main_section {
  flex: 1 1 100%;
  min-width: 0;
  max-width: none;
  border-left: 0;
  padding: 0; }

#word.wshow #main_section {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  @media screen and (min-width: 900px) {
    #word.wshow #main_section {
      flex-direction: row;
      align-items: flex-start; } }

#word.wshow #main_section > .tabized_overview {
  position: sticky;
  top: 50px;
  z-index: 25;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--jdc-surface-alt, #fafafb);
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  #word.wshow #main_section > .tabized_overview h1 {
    display: none; }
  #word.wshow #main_section > .tabized_overview .space {
    display: none; }
  #word.wshow #main_section > .tabized_overview .wshow_nav_extra {
    display: none; }
  #word.wshow #main_section > .tabized_overview .tabs {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: none; }
    #word.wshow #main_section > .tabized_overview .tabs li {
      height: auto;
      border-bottom: none;
      flex: none; }
      #word.wshow #main_section > .tabized_overview .tabs li a {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 100%;
        white-space: nowrap;
        padding: 0.875rem;
        font-size: 0.8125rem;
        font-weight: bold;
        color: var(--jdc-text-soft, #374151);
        border-bottom: 3px solid transparent;
        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        #word.wshow #main_section > .tabized_overview .tabs li a::after {
          content: none; }
        #word.wshow #main_section > .tabized_overview .tabs li a:hover {
          color: #018df0;
          background: var(--jdc-bg-subtle, #f1f2f4); }
        #word.wshow #main_section > .tabized_overview .tabs li a.selected {
          color: #018df0;
          background: rgba(1, 141, 240, 0.08);
          border-bottom-color: #018df0; }
        #word.wshow #main_section > .tabized_overview .tabs li a .wshow_tab_icon {
          font-size: calc(0.88125rem + 0.075vw);
          line-height: 1; }
          @media (min-width: 1200px) {
            #word.wshow #main_section > .tabized_overview .tabs li a .wshow_tab_icon {
              font-size: 0.9375rem; } }
  @media screen and (min-width: 900px) {
    #word.wshow #main_section > .tabized_overview {
      top: 50px;
      left: 0;
      order: 1;
      flex: 0 0 260px;
      height: calc(100vh - 50px);
      overflow-y: auto;
      overflow-x: hidden;
      display: block;
      border-bottom: none;
      border-right: 1px solid var(--jdc-border, #e5e7eb); }
      #word.wshow #main_section > .tabized_overview h1 {
        display: block;
        margin: 0;
        padding: calc(0.9125rem + 0.45vw) calc(0.9125rem + 0.45vw) 0.875rem calc(0.9125rem + 0.45vw);
        font-size: calc(0.90625rem + 0.375vw);
        font-family: "Fondamento", serif;
        color: var(--jdc-text, #111827);
        border-bottom: 1px solid var(--jdc-border, #e5e7eb); } }
    @media screen and (min-width: 900px) and (min-width: 1200px) {
      #word.wshow #main_section > .tabized_overview h1 {
        padding: 1.25rem 1.25rem 0.875rem 1.25rem; } }
    @media screen and (min-width: 900px) and (min-width: 1200px) {
      #word.wshow #main_section > .tabized_overview h1 {
        font-size: 1.1875rem; } }
  @media screen and (min-width: 900px) {
      #word.wshow #main_section > .tabized_overview .space {
        display: block;
        height: 8px; }
      #word.wshow #main_section > .tabized_overview .wshow_nav_extra {
        display: block;
        margin-top: 8px;
        padding: 0.5rem calc(0.9125rem + 0.45vw) 0 calc(0.9125rem + 0.45vw);
        border-top: 1px solid var(--jdc-border, #e5e7eb); } }
    @media screen and (min-width: 900px) and (min-width: 1200px) {
      #word.wshow #main_section > .tabized_overview .wshow_nav_extra {
        padding: 0.5rem 1.25rem 0 1.25rem; } }
  @media screen and (min-width: 900px) {
      #word.wshow #main_section > .tabized_overview .tabs {
        display: block;
        padding: 0.5rem 0; }
        #word.wshow #main_section > .tabized_overview .tabs li {
          display: block;
          width: 100%; }
          #word.wshow #main_section > .tabized_overview .tabs li a {
            width: 100%;
            height: auto;
            padding: 0.625rem calc(0.9125rem + 0.45vw);
            border-bottom: none;
            border-left: 3px solid transparent; } }
        @media screen and (min-width: 900px) and (min-width: 1200px) {
          #word.wshow #main_section > .tabized_overview .tabs li a {
            padding: 0.625rem 1.25rem; } }
  @media screen and (min-width: 900px) {
            #word.wshow #main_section > .tabized_overview .tabs li a.selected {
              border-bottom-color: transparent;
              border-left-color: #018df0; } }

#word.wshow .wshow_search_btn {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 0.5rem 0;
  font-size: 0.75rem;
  font: inherit;
  color: var(--jdc-text-muted, #6b7280);
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left; }
  #word.wshow .wshow_search_btn:hover {
    color: #018df0; }

@media screen and (max-width: 899px) {
  #word.wshow #main_section > .tabized_overview .wshow_nav_extra {
    display: flex;
    align-items: center;
    flex: none; }

  #word.wshow .wshow_search_btn {
    width: auto;
    height: 100%;
    padding: 0 0.875rem;
    white-space: nowrap; } }
#word.wshow .wshow_content_col {
  flex: 1 1 auto;
  min-width: 0;
  order: 2; }

#word.wshow .wshow_wrap {
  padding: 0 calc(0.9875rem + 1.35vw) calc(1.1625rem + 3.45vw) calc(0.9875rem + 1.35vw); }
  @media (min-width: 1200px) {
    #word.wshow .wshow_wrap {
      padding: 0 2rem 3.75rem 2rem; } }

#word.wshow .wshow_inner {
  max-width: 960px;
  margin: 0 auto; }
  #word.wshow .wshow_inner > section {
    margin-bottom: 40px; }
    #word.wshow .wshow_inner > section h2.reducer_section {
      font-size: calc(0.89375rem + 0.225vw);
      margin-bottom: 16px; }
      @media (min-width: 1200px) {
        #word.wshow .wshow_inner > section h2.reducer_section {
          font-size: 1.0625rem; } }

#word.wshow .wshow_hero {
  display: none;
  margin: 24px 0 32px 0;
  padding: calc(0.9875rem + 1.35vw) calc(1.0125rem + 1.65vw);
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  @media (min-width: 1200px) {
    #word.wshow .wshow_hero {
      padding: 2rem 2.25rem; } }
  #word.wshow .wshow_hero.wshow_hero_active {
    display: block; }

#word.wshow .wshow_hero_natures {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px; }

#word.wshow .wshow_hero_top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px; }

#word.wshow .wshow_hero_form {
  font-size: calc(1.1125rem + 2.85vw);
  line-height: 1.1;
  margin: 0;
  font-family: "Fondamento", serif;
  color: var(--jdc-text, #111827); }
  @media (min-width: 1200px) {
    #word.wshow .wshow_hero_form {
      font-size: 3.25rem; } }

#word.wshow .wshow_info_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: none;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--jdc-text-muted, #6b7280);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border-strong, #d1d5db);
  border-radius: 999px;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #word.wshow .wshow_info_btn:hover, #word.wshow .wshow_info_btn[aria-expanded="true"] {
    color: #018df0;
    border-color: #018df0;
    background: rgba(1, 141, 240, 0.08); }

#word.wshow .wshow_modal {
  position: fixed;
  top: -9999px;
  left: -9999px;
  z-index: 10000;
  width: 320px;
  max-width: calc(100vw - 24px);
  max-height: 70vh;
  overflow-y: auto;
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05); }
  #word.wshow .wshow_modal::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background: var(--jdc-surface, #fff);
    border-left: 1px solid var(--jdc-border, #e5e7eb);
    border-top: 1px solid var(--jdc-border, #e5e7eb);
    transform: rotate(45deg); }
  #word.wshow .wshow_modal .wshow_modal_head {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0.75rem calc(0.8875rem + 0.15vw);
    background: var(--jdc-surface, #fff);
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
    @media (min-width: 1200px) {
      #word.wshow .wshow_modal .wshow_modal_head {
        padding: 0.75rem 1rem; } }
  #word.wshow .wshow_modal .wshow_modal_title {
    font-size: 0.8125rem;
    font-weight: bold;
    color: var(--jdc-text, #111827); }
  #word.wshow .wshow_modal .wshow_modal_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: none;
    font-size: 0.8125rem;
    color: var(--jdc-text-muted, #6b7280);
    background: none;
    border: 0;
    border-radius: 999px;
    cursor: pointer; }
    #word.wshow .wshow_modal .wshow_modal_close:hover {
      color: #018df0;
      background: rgba(1, 141, 240, 0.08); }
  #word.wshow .wshow_modal .wshow_modal_body {
    padding: 0.875rem calc(0.8875rem + 0.15vw);
    font-size: 0.8125rem;
    line-height: 1.6; }
    @media (min-width: 1200px) {
      #word.wshow .wshow_modal .wshow_modal_body {
        padding: 0.875rem 1rem; } }
    #word.wshow .wshow_modal .wshow_modal_body h3 {
      font-size: 0.75rem;
      margin: 14px 0 6px 0; }
      #word.wshow .wshow_modal .wshow_modal_body h3:first-child {
        margin-top: 0; }
    #word.wshow .wshow_modal .wshow_modal_body ul {
      margin: 0;
      padding-left: 18px; }
    #word.wshow .wshow_modal .wshow_modal_body .reducer {
      display: none; }
  #word.wshow .wshow_modal.pinned {
    border-color: #018df0;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.18), 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05); }
    #word.wshow .wshow_modal.pinned .wshow_modal_close {
      color: #018df0; }

#word.wshow #wshow_modal_register .wshow_modal_body h3, #word.wshow #wshow_modal_rarety .wshow_modal_body h3, #word.wshow #wshow_modal_deflinks .wshow_modal_body h3 {
  display: none; }

#word.wshow #wshow_modal_type .wshow_modal_body h4.reduce + p {
  display: block !important; }

#word.wshow .definition_brute h4 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--jdc-text-muted, #6b7280);
  margin-bottom: 10px; }

#word.wshow .lemme .definitions .definition {
  justify-content: start;
  text-align: left; }

#word.wshow .lemme .definitions .definition_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  min-height: 0;
  gap: 8px;
  font-size: 0.875rem; }
  #word.wshow .lemme .definitions .definition_links .def_eq {
    font-size: calc(0.90625rem + 0.375vw);
    font-family: "Fondamento", serif;
    color: var(--jdc-text, #111827); }
    @media (min-width: 1200px) {
      #word.wshow .lemme .definitions .definition_links .def_eq {
        font-size: 1.1875rem; } }
  #word.wshow .lemme .definitions .definition_links .def_equal {
    font-size: calc(0.89375rem + 0.225vw);
    font-weight: bold;
    color: var(--jdc-text-faint, #9ca3af); }
    @media (min-width: 1200px) {
      #word.wshow .lemme .definitions .definition_links .def_equal {
        font-size: 1.0625rem; } }
  #word.wshow .lemme .definitions .definition_links .master_li, #word.wshow .lemme .definitions .definition_links .va_li {
    display: contents; }
    #word.wshow .lemme .definitions .definition_links .master_li li, #word.wshow .lemme .definitions .definition_links .va_li li {
      display: contents; }
  #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren), #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren) {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 0.375rem 0.8125rem !important;
    font-size: 0.8125rem;
    font-weight: bold;
    min-height: 0 !important;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #fff);
    border: 1px solid var(--jdc-border, #e5e7eb) !important;
    border-radius: 999px;
    text-decoration: none;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren).lemme_category_0, #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren).lemme_category_0 {
      background: rgba(255, 232, 0, 0.2);
      border-top-color: rgba(169, 134, 0, 0.5) !important;
      border-right-color: rgba(169, 134, 0, 0.5) !important;
      border-bottom-color: rgba(169, 134, 0, 0.5) !important; }
    #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren).lemme_category_1, #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren).lemme_category_1 {
      background: rgba(240, 16, 16, 0.08);
      border-top-color: rgba(240, 16, 16, 0.35) !important;
      border-right-color: rgba(240, 16, 16, 0.35) !important;
      border-bottom-color: rgba(240, 16, 16, 0.35) !important; }
    #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren).lemme_category_2, #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren).lemme_category_2 {
      background: rgba(16, 96, 176, 0.08);
      border-top-color: rgba(16, 96, 176, 0.35) !important;
      border-right-color: rgba(16, 96, 176, 0.35) !important;
      border-bottom-color: rgba(16, 96, 176, 0.35) !important; }
  #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren) {
    font-size: 0.875rem;
    padding: 0.4375rem calc(0.88125rem + 0.075vw) !important;
    border-left: 3px solid #c07a52 !important; }
    @media (min-width: 1200px) {
      #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren) {
        padding: 0.4375rem 0.9375rem !important; } }
    #word.wshow .lemme .definitions .definition_links .master_li li > *:not(.plus):not(.paren):hover {
      border-color: #c07a52 !important;
      color: #c07a52 !important; }
  #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren) {
    border-left: 3px solid #6f8fb5 !important; }
    #word.wshow .lemme .definitions .definition_links .va_li li > *:not(.plus):not(.paren):hover {
      border-color: #6f8fb5 !important;
      color: #6f8fb5 !important; }
  #word.wshow .lemme .definitions .definition_links .wshow_lemme_hash {
    font-size: 0.6875rem;
    font-weight: normal;
    opacity: 0.55; }
  #word.wshow .lemme .definitions .definition_links .plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(0.8875rem + 0.15vw);
    font-weight: 800;
    padding: 0;
    background: none; }
    @media (min-width: 1200px) {
      #word.wshow .lemme .definitions .definition_links .plus {
        font-size: 1rem; } }
  #word.wshow .lemme .definitions .definition_links .paren {
    font-size: calc(0.9rem + 0.3vw);
    font-weight: 300;
    color: var(--jdc-text-faint, #9ca3af); }
    @media (min-width: 1200px) {
      #word.wshow .lemme .definitions .definition_links .paren {
        font-size: 1.125rem; } }

.definition_links .def_mode_switch {
  display: flex;
  gap: 6px;
  margin-bottom: 10px; }
.definition_links .def_mode_btn {
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 999px;
  color: var(--jdc-text-muted, #6b7280);
  cursor: pointer;
  font: inherit;
  padding: 0.25rem 0.875rem;
  font-size: 0.75rem;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .definition_links .def_mode_btn.active {
    background: #018df0;
    border-color: #018df0;
    color: #fff; }
  .definition_links .def_mode_btn:hover {
    border-color: var(--jdc-text-faint, #9ca3af); }
.definition_links .def_mode_b {
  display: none;
  width: 100%;
  height: 340px;
  position: relative; }
.definition_links.mode_b .def_mode_a {
  display: none; }
.definition_links.mode_b .def_mode_b {
  display: block; }
.definition_links .def_graph2d {
  width: 100%;
  height: 100%; }
  .definition_links .def_graph2d .visu_svg {
    width: 100%;
    height: 100%;
    cursor: grab; }
    .definition_links .def_graph2d .visu_svg.dragging {
      cursor: grabbing; }
  .definition_links .def_graph2d .pilule {
    cursor: pointer; }
    .definition_links .def_graph2d .pilule rect {
      fill: var(--jdc-surface, #fff);
      stroke: var(--jdc-border, #d1d5db);
      stroke-width: 1.5; }
    .definition_links .def_graph2d .pilule text {
      font-size: 0.8125rem;
      font-weight: bold;
      fill: var(--jdc-text, #111827); }
    .definition_links .def_graph2d .pilule.focus rect {
      stroke: #018df0;
      stroke-width: 2.5; }
    .definition_links .def_graph2d .pilule:hover rect {
      stroke: #018df0; }
  .definition_links .def_graph2d .lien {
    fill: none;
    stroke: var(--jdc-border, #d1d5db);
    stroke-width: 1.5; }
  .definition_links .def_graph2d .op_badge {
    pointer-events: none; }
    .definition_links .def_graph2d .op_badge .op_badge_sign {
      font-size: 0.625rem;
      font-weight: 800;
      fill: #fff; }

#word.wshow .wshow_ext_sources_sep {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 20px 0; }
  #word.wshow .wshow_ext_sources_sep::before, #word.wshow .wshow_ext_sources_sep::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--jdc-border, #e5e7eb); }
  #word.wshow .wshow_ext_sources_sep span {
    flex: none;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--jdc-text-muted, #6b7280); }

#word.wshow .wshow_ext_source {
  padding: calc(0.8875rem + 0.15vw) calc(0.9125rem + 0.45vw);
  margin-bottom: 20px;
  background: var(--jdc-surface-alt, #fafafb);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px; }
  @media (min-width: 1200px) {
    #word.wshow .wshow_ext_source {
      padding: 1rem 1.25rem; } }

#word.wshow .wshow_chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0.375rem 0.8125rem;
  font-size: 0.8125rem;
  font-weight: bold;
  color: var(--jdc-text, #111827);
  background: var(--jdc-surface, #fff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  #word.wshow .wshow_chip:hover {
    border-color: #018df0;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-1px); }

#word.wshow .wshow_derives_root {
  margin-bottom: 12px;
  font-size: 0.8125rem;
  color: var(--jdc-text-muted, #6b7280); }
  #word.wshow .wshow_derives_root a {
    color: #018df0;
    font-weight: bold; }

#word.wshow .wshow_derives_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }

#word.wshow .wshow_derives_empty {
  font-size: 0.75rem;
  font-style: italic;
  color: var(--jdc-text-faint, #9ca3af); }

#word.wshow .wshow_admin_link {
  margin-left: 10px;
  font-size: 0.75rem;
  color: var(--jdc-text-muted, #6b7280); }

@media screen and (max-width: 600px) {
  #word.wshow .wshow_hero {
    padding: calc(0.9375rem + 0.75vw) calc(0.9125rem + 0.45vw); } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    #word.wshow .wshow_hero {
      padding: 1.5rem 1.25rem; } }

@media screen and (max-width: 600px) {
  #word.wshow .wshow_hero_form {
    font-size: calc(1.0125rem + 1.65vw); } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    #word.wshow .wshow_hero_form {
      font-size: 2.25rem; } }

@media screen and (max-width: 600px) {
  #word.wshow .wshow_wrap {
    padding: 0 calc(0.9125rem + 0.45vw) calc(1.0375rem + 1.95vw) calc(0.9125rem + 0.45vw); } }
  @media screen and (max-width: 600px) and (min-width: 1200px) {
    #word.wshow .wshow_wrap {
      padding: 0 1.25rem 2.5rem 1.25rem; } }

.chip {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--jdc-border, #e5e7eb);
  color: var(--jdc-text-soft, #374151);
  margin: 0 6px 6px 0; }

.chip:not(.chip_type) {
  background: var(--jdc-surface-alt, #fafafb); }

a.chip {
  text-decoration: none; }
  a.chip:hover {
    border-color: #018df0;
    color: #018df0; }

.chip_type {
  color: var(--jdc-text, #111827);
  font-weight: bold;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
  gap: 0.3em; }

.nature_pill {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  gap: 6px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--jdc-text, #111827);
  font-weight: bold; }
  .nature_pill .pastille_nature {
    flex: none;
    margin-right: 0; }
  .nature_pill.nature_pill_sm {
    padding: 0.125rem 0.5625rem;
    font-size: 0.625rem; }

.nature_pill[data-wshow_modal_open] {
  cursor: pointer; }

button.nature_pill {
  margin: 0;
  cursor: pointer; }
  button.nature_pill:hover, button.nature_pill:focus, button.nature_pill:focus-visible, button.nature_pill:active {
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface-alt, #fafafb);
    border-color: var(--jdc-border, #e5e7eb); }
  button.nature_pill:focus-visible {
    outline: 2px solid #018df0;
    outline-offset: 2px; }

.chip_gender {
  font-size: 0.6875rem;
  text-transform: uppercase; }

.gender_icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.8em;
  font-weight: bold;
  color: var(--jdc-text-soft, #374151);
  margin: 0; }

.gender_masc {
  color: #0077cc; }

.gender_fem {
  color: #d6479b; }

.chip_more {
  color: var(--jdc-text-faint, #9ca3af);
  font-style: italic; }

.maquette_empty_note {
  color: var(--jdc-text-faint, #9ca3af);
  font-style: italic; }

.visu_mot {
  position: relative;
  background: #070a12;
  border-radius: 12px;
  overflow: hidden;
  color: #e9e7f2;
  min-height: 300px; }
  .visu_mot .visu_barre {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem calc(0.8875rem + 0.15vw);
    background: rgba(7, 10, 18, 0.55);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
    @media (min-width: 1200px) {
      .visu_mot .visu_barre {
        padding: 0.625rem 1rem; } }
    .visu_mot .visu_barre .visu_switch {
      pointer-events: auto;
      display: flex;
      align-items: center;
      gap: 6px; }
      .visu_mot .visu_barre .visu_switch .visu_mode_btn, .visu_mot .visu_barre .visu_switch .visu_shape_btn, .visu_mot .visu_barre .visu_switch .visu_theme_btn, .visu_mot .visu_barre .visu_switch .visu_numbers, .visu_mot .visu_barre .visu_switch .visu_nbdesc {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 999px;
        color: #b7b4c9;
        cursor: pointer;
        font: inherit;
        padding: 0.3125rem 0.75rem;
        font-size: 0.75rem; }
        .visu_mot .visu_barre .visu_switch .visu_mode_btn.active, .visu_mot .visu_barre .visu_switch .visu_shape_btn.active, .visu_mot .visu_barre .visu_switch .visu_theme_btn.active, .visu_mot .visu_barre .visu_switch .visu_numbers.active, .visu_mot .visu_barre .visu_switch .visu_nbdesc.active {
          background: #018df0;
          border-color: #018df0;
          color: #fff; }
        .visu_mot .visu_barre .visu_switch .visu_mode_btn:hover, .visu_mot .visu_barre .visu_switch .visu_shape_btn:hover, .visu_mot .visu_barre .visu_switch .visu_theme_btn:hover, .visu_mot .visu_barre .visu_switch .visu_numbers:hover, .visu_mot .visu_barre .visu_switch .visu_nbdesc:hover {
          border-color: rgba(255, 255, 255, 0.3); }
      .visu_mot .visu_barre .visu_switch .visu_shape_btn, .visu_mot .visu_barre .visu_switch .visu_theme_btn {
        padding: 0.3125rem 0.5625rem;
        font-size: calc(0.88125rem + 0.075vw);
        line-height: 1; }
        @media (min-width: 1200px) {
          .visu_mot .visu_barre .visu_switch .visu_shape_btn, .visu_mot .visu_barre .visu_switch .visu_theme_btn {
            font-size: 0.9375rem; } }
      .visu_mot .visu_barre .visu_switch .visu_numbers {
        align-items: center;
        gap: 4px; }
        .visu_mot .visu_barre .visu_switch .visu_numbers input {
          margin: 0;
          cursor: pointer; }
      .visu_mot .visu_barre .visu_switch .visu_nbdesc {
        align-items: center;
        gap: 4px; }
        .visu_mot .visu_barre .visu_switch .visu_nbdesc input {
          margin: 0;
          cursor: pointer; }
      .visu_mot .visu_barre .visu_switch .visu_sep {
        width: 1px;
        height: 18px;
        background: rgba(255, 255, 255, 0.15);
        margin: 0 4px; }
    .visu_mot .visu_barre .visu_center_btn {
      pointer-events: auto;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 999px;
      color: #b7b4c9;
      cursor: pointer;
      font: inherit;
      padding: 0.3125rem 0.75rem;
      font-size: 0.75rem; }
      .visu_mot .visu_barre .visu_center_btn:hover {
        border-color: rgba(255, 255, 255, 0.3); }
    .visu_mot .visu_barre .visu_fs {
      pointer-events: auto;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 999px;
      color: #b7b4c9;
      cursor: pointer;
      padding: 0.25rem 0.625rem;
      font-size: 0.875rem;
      line-height: 1; }
      .visu_mot .visu_barre .visu_fs:hover {
        border-color: rgba(255, 255, 255, 0.3); }
  .visu_mot .visu_3d, .visu_mot .visu_2d {
    position: relative;
    width: 100%;
    height: 100%; }
  .visu_mot .visu_2d {
    display: none; }
  .visu_mot .visu_theme_btn {
    display: none; }
  .visu_mot .visu_numbers {
    display: none; }
  .visu_mot .visu_nbdesc {
    display: none; }
  .visu_mot .visu_svg {
    width: 100%;
    height: 100%;
    cursor: grab; }
    .visu_mot .visu_svg.dragging {
      cursor: grabbing; }
  .visu_mot .visu_loading, .visu_mot .visu_error, .visu_mot .visu_empty_note {
    padding: calc(0.9125rem + 0.45vw);
    font-size: 0.8125rem;
    color: #8c8aa0;
    text-align: center; }
    @media (min-width: 1200px) {
      .visu_mot .visu_loading, .visu_mot .visu_error, .visu_mot .visu_empty_note {
        padding: 1.25rem; } }
  .visu_mot .visu_error {
    color: #ff7a93; }
  .visu_mot.mode_2d .visu_3d {
    display: none; }
  .visu_mot.mode_2d .visu_2d {
    display: block; }
  .visu_mot.mode_2d .visu_theme_btn {
    display: inline-block; }
  .visu_mot.mode_2d .visu_numbers {
    display: inline-flex; }
  .visu_mot.mode_2d .visu_nbdesc {
    display: inline-flex; }
  .visu_mot.mode_2d .visu_shape_btn {
    display: none; }
  .visu_mot.visu_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #8c8aa0; }
    .visu_mot.visu_empty .visu_empty_icon {
      font-size: calc(0.9125rem + 0.45vw);
      margin-right: 8px; }
      @media (min-width: 1200px) {
        .visu_mot.visu_empty .visu_empty_icon {
          font-size: 1.25rem; } }
  .visu_mot.visu_jour {
    background: #fff;
    color: #111827; }
    .visu_mot.visu_jour .visu_barre {
      background: rgba(255, 255, 255, 0.65);
      border-bottom: 1px solid rgba(17, 24, 39, 0.08); }
      .visu_mot.visu_jour .visu_barre .visu_switch .visu_mode_btn, .visu_mot.visu_jour .visu_barre .visu_switch .visu_shape_btn, .visu_mot.visu_jour .visu_barre .visu_switch .visu_theme_btn, .visu_mot.visu_jour .visu_barre .visu_switch .visu_numbers, .visu_mot.visu_jour .visu_barre .visu_switch .visu_nbdesc {
        background: rgba(17, 24, 39, 0.06);
        border-color: rgba(17, 24, 39, 0.14);
        color: #374151; }
        .visu_mot.visu_jour .visu_barre .visu_switch .visu_mode_btn.active, .visu_mot.visu_jour .visu_barre .visu_switch .visu_shape_btn.active, .visu_mot.visu_jour .visu_barre .visu_switch .visu_theme_btn.active, .visu_mot.visu_jour .visu_barre .visu_switch .visu_numbers.active, .visu_mot.visu_jour .visu_barre .visu_switch .visu_nbdesc.active {
          background: #018df0;
          border-color: #018df0;
          color: #fff; }
        .visu_mot.visu_jour .visu_barre .visu_switch .visu_mode_btn:hover, .visu_mot.visu_jour .visu_barre .visu_switch .visu_shape_btn:hover, .visu_mot.visu_jour .visu_barre .visu_switch .visu_theme_btn:hover, .visu_mot.visu_jour .visu_barre .visu_switch .visu_numbers:hover, .visu_mot.visu_jour .visu_barre .visu_switch .visu_nbdesc:hover {
          border-color: rgba(17, 24, 39, 0.3); }
      .visu_mot.visu_jour .visu_barre .visu_switch .visu_sep {
        background: rgba(17, 24, 39, 0.15); }
      .visu_mot.visu_jour .visu_barre .visu_center_btn {
        background: rgba(17, 24, 39, 0.06);
        border-color: rgba(17, 24, 39, 0.14);
        color: #374151; }
        .visu_mot.visu_jour .visu_barre .visu_center_btn:hover {
          border-color: rgba(17, 24, 39, 0.3); }
      .visu_mot.visu_jour .visu_barre .visu_fs {
        background: rgba(17, 24, 39, 0.06);
        border-color: rgba(17, 24, 39, 0.14);
        color: #374151; }
        .visu_mot.visu_jour .visu_barre .visu_fs:hover {
          border-color: rgba(17, 24, 39, 0.3); }
    .visu_mot.visu_jour .visu_loading, .visu_mot.visu_jour .visu_empty_note {
      color: #9ca3af; }
    .visu_mot.visu_jour .visu_error {
      color: #b91c1c; }
    .visu_mot.visu_jour .visu_2d .pilule.focus rect {
      stroke: rgba(17, 24, 39, 0.25); }
    .visu_mot.visu_jour .visu_2d .pilule.plus rect {
      stroke: rgba(122, 130, 143, 0.4); }
    .visu_mot.visu_jour .visu_2d .pilule.plus text {
      fill: #7a828f; }
    .visu_mot.visu_jour .visu_2d .pilule_special rect {
      stroke: rgba(17, 24, 39, 0.3); }
    .visu_mot.visu_jour .visu_2d .pilule_special text {
      fill: #6b7280; }
    .visu_mot.visu_jour .visu_2d .pilule_special:hover rect {
      stroke: rgba(17, 24, 39, 0.55); }
    .visu_mot.visu_jour .visu_2d .pilule_special.expanded rect {
      stroke: rgba(17, 24, 39, 0.55); }
    .visu_mot.visu_jour .visu_2d .pilule_special.disabled:hover rect {
      stroke: rgba(17, 24, 39, 0.3); }
    .visu_mot.visu_jour .visu_2d .pilule_special.fratrie {
      color: #bd6491; }
      .visu_mot.visu_jour .visu_2d .pilule_special.fratrie rect {
        stroke: rgba(189, 100, 145, 0.7); }
      .visu_mot.visu_jour .visu_2d .pilule_special.fratrie text {
        fill: currentColor; }
    .visu_mot.visu_jour .visu_2d .pilule_special.derive {
      color: #8b6db5; }
      .visu_mot.visu_jour .visu_2d .pilule_special.derive rect {
        stroke: rgba(139, 109, 181, 0.7); }
      .visu_mot.visu_jour .visu_2d .pilule_special.derive text {
        fill: currentColor; }
    .visu_mot.visu_jour .visu_2d .pilule_special.conjugaison {
      color: #8b6db5; }
      .visu_mot.visu_jour .visu_2d .pilule_special.conjugaison rect {
        stroke: rgba(139, 109, 181, 0.7); }
      .visu_mot.visu_jour .visu_2d .pilule_special.conjugaison text {
        fill: currentColor; }
    .visu_mot.visu_jour .visu_2d .lien {
      stroke: rgba(0, 0, 0, 0.18); }
    .visu_mot.visu_jour .visu_2d .lien_enfant {
      stroke: rgba(0, 0, 0, 0.35);
      stroke-width: 2px; }
    .visu_mot.visu_jour .visu_2d .lien_ancetre {
      stroke: rgba(215, 166, 63, 0.75);
      stroke-width: 2px; }
    .visu_mot.visu_jour .visu_2d .lien_fratrie {
      stroke: rgba(189, 100, 145, 0.75);
      stroke-width: 2px; }
    .visu_mot.visu_jour .visu_2d .lien_derive {
      stroke: rgba(139, 109, 181, 0.75);
      stroke-width: 2px; }
    .visu_mot.visu_jour .visu_2d .lien_conjugaison {
      stroke: rgba(139, 109, 181, 0.75);
      stroke-width: 2px; }
    .visu_mot.visu_jour .visu_2d .g2d_fiche {
      background: #fdfdfe;
      border-color: #e5e7eb;
      box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
      color: #111827; }
    .visu_mot.visu_jour .visu_2d .g2d_fiche_close {
      background: #f1f2f4;
      border-color: #e5e7eb;
      color: #6b7280; }
      .visu_mot.visu_jour .visu_2d .g2d_fiche_close:hover {
        border-color: #018df0;
        color: #018df0; }
    .visu_mot.visu_jour .visu_2d .g2d_fiche_nature {
      color: #6b7280; }
      .visu_mot.visu_jour .visu_2d .g2d_fiche_nature .nature_pill {
        color: #6b7280; }
    .visu_mot.visu_jour .visu_2d .g2d_fiche_nature_info {
      background: #f1f2f4;
      border-color: #e5e7eb;
      color: #6b7280; }
      .visu_mot.visu_jour .visu_2d .g2d_fiche_nature_info:hover {
        border-color: #018df0;
        color: #018df0; }
    .visu_mot.visu_jour .visu_2d .g2d_chip {
      background: #f1f2f4;
      border-color: #e5e7eb;
      color: #374151; }
    .visu_mot.visu_jour .visu_2d .g2d_chip_rarety_1 {
      border-color: rgba(53, 125, 77, 0.4); }
    .visu_mot.visu_jour .visu_2d .g2d_chip_rarety_2 {
      border-color: rgba(129, 104, 17, 0.5); }
    .visu_mot.visu_jour .visu_2d .g2d_chip_rarety_3 {
      border-color: rgba(192, 45, 46, 0.4); }
    .visu_mot.visu_jour .visu_2d .g2d_fiche_hyponyms {
      color: #6b7280; }
    .visu_mot.visu_jour .visu_2d .g2d_btn {
      background: #f1f2f4;
      border-color: #e5e7eb;
      color: #111827; }
      .visu_mot.visu_jour .visu_2d .g2d_btn:hover {
        border-color: #018df0;
        color: #018df0; }
    .visu_mot.visu_jour .visu_2d .visu_tip {
      background: #fdfdfe;
      border-color: #e5e7eb;
      color: #111827; }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_nature {
        filter: brightness(0.65); }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_gem {
        color: var(--jdc-border, #d1d5db); }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_gems_1 .visu_tip_gem.is_lit {
        color: #3d8f58; }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_gems_2 .visu_tip_gem.is_lit {
        color: #cea51b; }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_gems_3 .visu_tip_gem.is_lit {
        color: #c02d2e;
        text-shadow: 0 0 4px rgba(250, 204, 21, 0.6); }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_rlabel_1 {
        color: #357d4d; }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_rlabel_2 {
        color: #816811; }
      .visu_mot.visu_jour .visu_2d .visu_tip .visu_tip_rlabel_3 {
        color: #c02d2e; }

.visu_panneau_mot {
  width: 100%;
  height: 340px; }
  .visu_panneau_mot .visu_barre {
    padding: 0.375rem 0.75rem; }
    .visu_panneau_mot .visu_barre .visu_center_btn {
      padding: 0.25rem 0.625rem; }
    .visu_panneau_mot .visu_barre .visu_switch {
      gap: 4px; }
      .visu_panneau_mot .visu_barre .visu_switch .visu_mode_btn, .visu_panneau_mot .visu_barre .visu_switch .visu_shape_btn, .visu_panneau_mot .visu_barre .visu_switch .visu_theme_btn, .visu_panneau_mot .visu_barre .visu_switch .visu_numbers, .visu_panneau_mot .visu_barre .visu_switch .visu_nbdesc {
        padding: 0.25rem 0.625rem; }
      .visu_panneau_mot .visu_barre .visu_switch .visu_shape_btn, .visu_panneau_mot .visu_barre .visu_switch .visu_theme_btn {
        padding: 0.25rem 0.5rem; }

.visu_mot .visu_2d_legend {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 16px;
  padding: 0.375rem calc(0.8875rem + 0.15vw);
  background: rgba(7, 10, 18, 0.55);
  backdrop-filter: blur(6px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #e9e7f2;
  font-size: 0.6875rem; }
  @media (min-width: 1200px) {
    .visu_mot .visu_2d_legend {
      padding: 0.375rem 1rem; } }
  .visu_mot .visu_2d_legend .visu_2d_legend_item {
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  .visu_mot .visu_2d_legend .visu_2d_legend_dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    flex: none; }
    .visu_mot .visu_2d_legend .visu_2d_legend_dot.focus {
      color: #4f83c2; }
    .visu_mot .visu_2d_legend .visu_2d_legend_dot.ancetre {
      color: #d7a63f; }
    .visu_mot .visu_2d_legend .visu_2d_legend_dot.enfant {
      color: #5f9e5f; }
    .visu_mot .visu_2d_legend .visu_2d_legend_dot.derive {
      color: #8b6db5; }
    .visu_mot .visu_2d_legend .visu_2d_legend_dot.fratrie {
      color: #bd6491; }
.visu_mot.mode_2d .visu_2d_legend {
  display: flex; }
.visu_mot.visu_jour .visu_2d_legend {
  background: rgba(255, 255, 255, 0.65);
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  color: #374151; }

.visu_tip {
  position: absolute;
  z-index: 50;
  pointer-events: none;
  max-width: 260px;
  background: rgba(10, 12, 20, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  color: #e9e7f2;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  line-height: 1.5; }
  .visu_tip div {
    margin-bottom: 2px; }
    .visu_tip div:last-child {
      margin-bottom: 0; }

.visu_2d .pilule {
  cursor: pointer; }
  .visu_2d .pilule rect {
    fill: color-mix(in srgb, currentColor 30%, #fff);
    stroke: rgba(255, 255, 255, 0.15);
    stroke-width: 1; }
  .visu_2d .pilule text {
    fill: #1f2937;
    font-family: "Lato", sans-serif;
    font-size: 0.8125rem; }
    .visu_2d .pilule text tspan.visu_nbh {
      font-style: italic;
      paint-order: stroke;
      stroke: rgba(0, 0, 0, 0.55);
      stroke-width: 0.6px; }
  .visu_2d .pilule:hover text {
    text-decoration: underline; }
  .visu_2d .pilule:hover rect {
    stroke: #fff; }
  .visu_2d .pilule.ancetre {
    color: #d7a63f; }
  .visu_2d .pilule.enfant {
    color: #5f9e5f; }
  .visu_2d .pilule.fratrie {
    color: #bd6491; }
    .visu_2d .pilule.fratrie text {
      font-size: 0.75rem; }
  .visu_2d .pilule.focus {
    cursor: default;
    color: #4f83c2; }
    .visu_2d .pilule.focus rect {
      fill: currentColor;
      stroke: #fff;
      stroke-width: 2; }
    .visu_2d .pilule.focus text {
      fill: #fff;
      font-weight: bold;
      paint-order: stroke;
      stroke: rgba(17, 24, 39, 0.35);
      stroke-width: 2px; }
  .visu_2d .pilule.plus {
    cursor: default;
    color: #7a828f; }
    .visu_2d .pilule.plus rect {
      fill: transparent;
      stroke: rgba(122, 130, 143, 0.5);
      stroke-dasharray: 3, 3; }
    .visu_2d .pilule.plus text {
      fill: #7a828f; }
    .visu_2d .pilule.plus:hover text {
      text-decoration: none; }
    .visu_2d .pilule.plus.lateral_plus {
      cursor: pointer; }
      .visu_2d .pilule.plus.lateral_plus:hover rect {
        stroke: rgba(122, 130, 143, 0.85); }
  .visu_2d .pilule.derive {
    color: #8b6db5; }
    .visu_2d .pilule.derive text {
      font-size: 0.75rem; }
  .visu_2d .pilule.conjugaison {
    color: #8b6db5; }
    .visu_2d .pilule.conjugaison text {
      font-size: 0.75rem; }
  .visu_2d .pilule .hypo_toggle {
    cursor: pointer; }
    .visu_2d .pilule .hypo_toggle circle {
      fill: currentColor;
      fill-opacity: 0.18;
      stroke: currentColor;
      stroke-opacity: 0.55; }
    .visu_2d .pilule .hypo_toggle .hypo_toggle_sign {
      fill: currentColor;
      font-weight: 700;
      font-size: calc(0.88125rem + 0.075vw); }
      @media (min-width: 1200px) {
        .visu_2d .pilule .hypo_toggle .hypo_toggle_sign {
          font-size: 0.9375rem; } }
    .visu_2d .pilule .hypo_toggle:hover circle {
      fill-opacity: 0.36; }
.visu_2d .pilule_special {
  cursor: pointer; }
  .visu_2d .pilule_special rect {
    fill: transparent;
    stroke: rgba(255, 255, 255, 0.35);
    stroke-width: 1;
    stroke-dasharray: 3, 3; }
  .visu_2d .pilule_special text {
    fill: #8c8aa0;
    font-family: "Lato", sans-serif;
    font-size: 0.8125rem; }
  .visu_2d .pilule_special:hover rect {
    stroke: rgba(255, 255, 255, 0.6); }
  .visu_2d .pilule_special.expanded rect {
    stroke-dasharray: none;
    stroke: rgba(255, 255, 255, 0.6); }
  .visu_2d .pilule_special.disabled {
    opacity: 0.45;
    cursor: default;
    pointer-events: none; }
    .visu_2d .pilule_special.disabled:hover rect {
      stroke: rgba(255, 255, 255, 0.35); }
  .visu_2d .pilule_special.fratrie {
    color: #bd6491; }
    .visu_2d .pilule_special.fratrie rect {
      stroke: rgba(189, 100, 145, 0.6); }
    .visu_2d .pilule_special.fratrie text {
      fill: currentColor; }
  .visu_2d .pilule_special.derive {
    color: #8b6db5; }
    .visu_2d .pilule_special.derive rect {
      stroke: rgba(139, 109, 181, 0.6); }
    .visu_2d .pilule_special.derive text {
      fill: currentColor; }
  .visu_2d .pilule_special.conjugaison {
    color: #8b6db5; }
    .visu_2d .pilule_special.conjugaison rect {
      stroke: rgba(139, 109, 181, 0.6); }
    .visu_2d .pilule_special.conjugaison text {
      fill: currentColor; }
.visu_2d .lien {
  fill: none;
  stroke: rgba(255, 255, 255, 0.18);
  stroke-width: 1.5; }
.visu_2d .lien_enfant {
  stroke: rgba(255, 255, 255, 0.32);
  stroke-width: 2px; }
.visu_2d .lien_ancetre {
  stroke: rgba(215, 166, 63, 0.7);
  stroke-width: 2px; }
.visu_2d .lien_fratrie {
  stroke: rgba(189, 100, 145, 0.7);
  stroke-width: 2px; }
.visu_2d .lien_derive {
  stroke: rgba(139, 109, 181, 0.7);
  stroke-width: 2px; }
.visu_2d .lien_conjugaison {
  stroke: rgba(139, 109, 181, 0.7);
  stroke-width: 2px; }
.visu_2d .g2d_fiche {
  background: rgba(10, 12, 20, 0.95);
  border-color: rgba(255, 255, 255, 0.12);
  color: #e9e7f2; }
.visu_2d .g2d_fiche_close {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
  color: #cfcbe4; }
  .visu_2d .g2d_fiche_close:hover {
    border-color: #018df0;
    color: #018df0; }
.visu_2d .g2d_fiche_nature {
  color: #8c8aa0; }
  .visu_2d .g2d_fiche_nature .nature_pill {
    color: #8c8aa0; }
.visu_2d .g2d_fiche_nature_info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  font-size: 0.6875rem;
  line-height: 1;
  color: #cfcbe4;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  cursor: pointer;
  padding: 0; }
  .visu_2d .g2d_fiche_nature_info:hover {
    border-color: #018df0;
    color: #018df0; }
.visu_2d .g2d_chip {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: #cfcbe4; }
.visu_2d .g2d_chip_rarety_1 {
  border-color: rgba(82, 255, 107, 0.4); }
.visu_2d .g2d_chip_rarety_2 {
  border-color: rgba(255, 210, 61, 0.5); }
.visu_2d .g2d_chip_rarety_3 {
  border-color: rgba(255, 92, 92, 0.4); }
.visu_2d .g2d_fiche_hyponyms {
  color: #b7b4c9; }
.visu_2d .g2d_btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.16);
  color: #e9e7f2; }
  .visu_2d .g2d_btn:hover {
    border-color: #018df0;
    color: #018df0; }
.visu_2d .visu_tip .visu_tip_nature {
  filter: brightness(1.25); }
.visu_2d .visu_tip .visu_tip_gems {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 1px;
  margin-right: 4px; }
.visu_2d .visu_tip .visu_tip_gem {
  color: rgba(255, 255, 255, 0.16); }
.visu_2d .visu_tip .visu_tip_gems_1 .visu_tip_gem.is_lit {
  color: #52ff6b; }
.visu_2d .visu_tip .visu_tip_gems_2 .visu_tip_gem.is_lit {
  color: #ffd23d; }
.visu_2d .visu_tip .visu_tip_gems_3 .visu_tip_gem.is_lit {
  color: #ff5c5c;
  text-shadow: 0 0 5px rgba(255, 204, 1, 0.7); }
.visu_2d .visu_tip .visu_tip_rlabel_1 {
  color: #52ff6b; }
.visu_2d .visu_tip .visu_tip_rlabel_2 {
  color: #ffd23d; }
.visu_2d .visu_tip .visu_tip_rlabel_3 {
  color: #ff5c5c; }
.visu_2d .visu_tip .cat_dot {
  font-size: 0.5625rem;
  color: hsl(var(--hue), 65%, 55%);
  margin-right: 2px; }

#popup_standard textarea {
  width: 100%;
  min-height: 150px; }
#popup_standard select {
  width: 100%; }
#popup_standard input {
  width: 100%;
  margin: auto;
  display: block; }
  #popup_standard input[type="text"] {
    width: calc(100% - 6px); }

.btn_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px; }
  .btn_switch .slider {
    border-radius: 30px; }
    .btn_switch .slider:before {
      height: 24px;
      width: 24px;
      left: 3px;
      bottom: 3px; }
  .btn_switch input:checked + .slider:before {
    transform: translateX(30px); }
  .btn_switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .btn_switch input:checked + .slider {
      background-color: #222; }
    .btn_switch input:focus + .slider {
      box-shadow: 0 0 1px #222; }
  .btn_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s; }
    .btn_switch .slider:before {
      position: absolute;
      content: "";
      background-color: white;
      border-radius: 50%;
      transition: 0.4s; }
  .btn_switch[size="-2"] {
    width: 40px;
    height: 20px; }
    .btn_switch[size="-2"] .slider {
      border-radius: 20px; }
      .btn_switch[size="-2"] .slider:before {
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px; }
    .btn_switch[size="-2"] input:checked + .slider:before {
      transform: translateX(20px); }
  .btn_switch[size="-1"] {
    width: 50px;
    height: 25px; }
    .btn_switch[size="-1"] .slider {
      border-radius: 25px; }
      .btn_switch[size="-1"] .slider:before {
        height: 20px;
        width: 20px;
        left: 2.5px;
        bottom: 2.5px; }
    .btn_switch[size="-1"] input:checked + .slider:before {
      transform: translateX(25px); }
  .btn_switch[size="1"] {
    width: 70px;
    height: 35px; }
    .btn_switch[size="1"] .slider {
      border-radius: 35px; }
      .btn_switch[size="1"] .slider:before {
        height: 28px;
        width: 28px;
        left: 3.5px;
        bottom: 3.5px; }
    .btn_switch[size="1"] input:checked + .slider:before {
      transform: translateX(35px); }

#fullGraph {
  display: none; }

.graph {
  width: 100%;
  height: 350px; }
  .graph:after {
    display: block;
    content: " ";
    width: 200px;
    height: 66px;
    background-color: #fdfdfd;
    position: relative;
    top: 0;
    left: 0;
    z-index: 3; }

.tree_explorer .icons-file {
  -moz-background-size: 15px 357px;
  -o-background-size: 15px 357px;
  -webkit-background-size: 15px 357px;
  background-size: 15px 357px;
  width: 12px;
  height: 15px;
  background-position: 0 -44px; }
.tree_explorer .icons-folder {
  -moz-background-size: 15px 357px;
  -o-background-size: 15px 357px;
  -webkit-background-size: 15px 357px;
  background-size: 15px 357px;
  width: 15px;
  height: 15px;
  background-position: 0 -63px; }

*[class^="icons-"], *[class^="icon-"] {
  display: inline-block; }

.icon-12px {
  background-size: 12px;
  width: 12px;
  height: 12px; }

.icon-18px {
  background-size: 18px;
  width: 18px;
  height: 18px; }

.icon-50px {
  background-size: 50px;
  width: 50px;
  height: 50px; }

.icons-vote_up:hover {
  background-position: 0 -1946px; }

.icons-vote_down:hover {
  background-position: 0 -1910px; }

.icons-subscription:hover {
  background-position: 0 -1566px; }

.icons-options:hover {
  background-position: 0 -1197px; }
  .icons-options:hover:active, .icons-options:hover.options-active {
    background-position: 0 -1209px; }

.icons-right_arrow_active, .menu_edit_user .active span, .icons-right_arrow:hover {
  background-position: 0 -1513px; }

.icon-moderation_flag {
  -moz-background-size: 33px 785px;
  -o-background-size: 33px 785px;
  -webkit-background-size: 33px 785px;
  background-size: 33px 785px;
  width: 11px;
  height: 11px;
  background-position: 0 -312px; }

.icons-def_word {
  background-color: var(--jdc-surface, #fff); }

.icons-delete_active {
  background-position: 0 -221px;
  width: 14px;
  height: 14px; }

.icons-goto_active {
  background-position: 0 -550px;
  width: 15px;
  height: 15px; }

.icons-plus, .icons-minus, .icons-delete, .icons-delete_active {
  cursor: pointer; }

.icons-valide {
  -moz-background-size: 33px 785px;
  -o-background-size: 33px 785px;
  -webkit-background-size: 33px 785px;
  background-size: 33px 785px;
  width: 33px;
  height: 33px;
  background-position: 0 -587px; }

.icons-close {
  -moz-background-size: 33px 785px;
  -o-background-size: 33px 785px;
  -webkit-background-size: 33px 785px;
  background-size: 33px 785px;
  width: 33px;
  height: 33px;
  background-position: 0 -26px; }

.icons-wiki_langage {
  -moz-background-size: 50px 1188px;
  -o-background-size: 50px 1188px;
  -webkit-background-size: 50px 1188px;
  background-size: 50px 1188px;
  width: 24px;
  height: 24px;
  background-position: 0 -1116px; }

.icons-wiki_eye {
  -moz-background-size: 50px 1188px;
  -o-background-size: 50px 1188px;
  -webkit-background-size: 50px 1188px;
  background-size: 50px 1188px;
  width: 20px;
  height: 20px;
  background-position: 0 -1024px; }

.icons-wiki_history {
  -moz-background-size: 50px 1188px;
  -o-background-size: 50px 1188px;
  -webkit-background-size: 50px 1188px;
  background-size: 50px 1188px;
  width: 24px;
  height: 24px;
  background-position: 0 -1044px; }

.icons-file {
  -moz-background-size: 50px 1188px;
  -o-background-size: 50px 1188px;
  -webkit-background-size: 50px 1188px;
  background-size: 50px 1188px;
  width: 40px;
  height: 50px;
  background-position: 0 -147px; }

.icons-folder {
  -moz-background-size: 50px 1188px;
  -o-background-size: 50px 1188px;
  -webkit-background-size: 50px 1188px;
  background-size: 50px 1188px;
  width: 50px;
  height: 50px;
  background-position: 0 -208px; }

.icons-new_file {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 20px;
  height: 25px;
  background-position: 0 -245px; }

.icons-remove_file {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 20px;
  height: 25px;
  background-position: 0 -319px; }

.icons-new_folder {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 25px;
  height: 25px;
  background-position: 0 -270px; }

.icons-remove_folder {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 25px;
  height: 25px;
  background-position: 0 -344px; }

.icons-list {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 25px;
  height: 25px;
  background-position: 0 -193px; }

.icons-icons {
  -moz-background-size: 25px 594px;
  -o-background-size: 25px 594px;
  -webkit-background-size: 25px 594px;
  background-size: 25px 594px;
  width: 25px;
  height: 25px;
  background-position: 0 -153px; }

.info_tip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0.8125rem;
  line-height: 1;
  color: var(--jdc-text-muted);
  background: var(--jdc-bg-subtle);
  border: 1px solid var(--jdc-border-strong);
  border-radius: 999px;
  cursor: help;
  user-select: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .info_tip:hover, .info_tip:focus {
    color: #018df0;
    border-color: #018df0;
    background: rgba(1, 141, 240, 0.08); }
  .info_tip:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
  .info_tip[aria-expanded="true"] {
    color: #018df0;
    border-color: #018df0;
    background: rgba(1, 141, 240, 0.08); }

.info_tip-bubble {
  position: absolute;
  z-index: 400;
  max-width: 280px;
  padding: 0.5625rem 0.8125rem;
  font-size: 0.78125rem;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  background: rgba(17, 24, 39, 0.94);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
  pointer-events: none; }
  .info_tip-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: rgba(17, 24, 39, 0.94);
    transform: rotate(45deg); }
  .info_tip-bubble--below::after {
    top: -4px;
    bottom: auto; }

main > aside {
  background-color: #fdfdfd;
  padding: calc(0.9125rem + 0.45vw);
  max-width: 300px;
  border-right: 1px solid var(--jdc-border, #d6d9dc); }
  @media (min-width: 1200px) {
    main > aside {
      padding: 1.25rem; } }
  main > aside input[type="button"], main > aside input[type="submit"], main > aside button {
    width: 100%;
    margin-bottom: 10px; }
  main > aside h4 {
    color: var(--jdc-text-muted, #777);
    font-weight: 800; }
  main > aside section {
    background-color: #fdf7e3;
    border-color: #f1e5bc; }
    main > aside section article .video_intro {
      margin: 5px 0 0 40px; }
    main > aside section article li ul {
      padding-left: calc(0.88125rem + 0.075vw); }
      @media (min-width: 1200px) {
        main > aside section article li ul {
          padding-left: 0.9375rem; } }
    main > aside section article li, main > aside section article div {
      margin-top: 5px; }
    main > aside section article .topic_name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    main > aside section article .search_form .search_word input {
      width: 100%; }
    main > aside section .exemple {
      margin: 10px 0;
      line-height: 30px; }
  main > aside .aside_how_to_debate {
    font-size: 0.6875rem;
    margin-bottom: 10px; }

@media screen and (max-width: 800px) {
  main > aside {
    width: 100%;
    max-width: 100%; } }
._block_node_aside_effect, main > aside section {
  padding: 10px;
  margin-bottom: 15px;
  color: var(--jdc-text, #444);
  font-size: 0.75rem; }
  ._block_node_aside_effect h3, main > aside section h3 {
    background-color: #fbf2d4;
    color: var(--jdc-text-muted, #777);
    font-weight: 800; }
  ._block_node_aside_effect hr, main > aside section hr {
    background-color: #f1e5bc;
    margin: 5px 0;
    border: 0 none;
    height: 1px; }
  ._block_node_aside_effect .votes, main > aside section .votes {
    color: var(--jdc-text-muted, #828282);
    display: inline-block;
    width: 25px;
    text-align: right;
    margin-right: 5px; }
  ._block_node_aside_effect .date, main > aside section .date {
    color: var(--jdc-text-muted, #828282);
    display: inline-block;
    margin-right: 5px; }
  ._block_node_aside_effect a, main > aside section a {
    color: #006ebb; }
    ._block_node_aside_effect a:hover, main > aside section a:hover {
      text-decoration: underline; }
  ._block_node_aside_effect .form_to_word input[name="form"], main > aside section .form_to_word input[name="form"] {
    width: 100%; }

body > footer {
  background: #2f2f2f;
  color: #444;
  padding-top: 30px;
  min-height: 150px; }
  body > footer .footerwrap {
    max-width: 1024px;
    margin: auto; }
  body > footer .main_logo {
    width: 50px;
    vertical-align: top; }
  body > footer .logo_france {
    height: 75px; }
  body > footer .links {
    text-align: center;
    margin-bottom: 25px;
    font-size: calc(0.8875rem + 0.15vw); }
    @media (min-width: 1200px) {
      body > footer .links {
        font-size: 1rem; } }
    body > footer .links a {
      vertical-align: top;
      display: inline-block;
      line-height: 65px;
      margin: 0 10px 0; }
  body > footer .copyright {
    text-align: center;
    font-size: 0.6875rem;
    color: #888; }
  body > footer a {
    color: #a2dcf4; }
    body > footer a:hover {
      color: #0079ff; }

body > header {
  background-color: var(--jdc-header-bg, #F4F4F6);
  color: var(--jdc-text-muted, #666);
  width: 100%;
  height: 50px;
  line-height: 1;
  font-size: 0.8125rem;
  box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 6px rgba(59, 64, 69, 0.1);
  border-top: 3px solid #018df0;
  position: sticky;
  top: 0;
  z-index: 9999; }
  body > header svg {
    fill: #8d8d8d;
    height: 100%;
    max-height: 20px; }
  body > header > section {
    display: block;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  body > header .wrapper {
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center; }
    body > header .wrapper .active {
      background-color: var(--jdc-surface-alt, #e0e0e0) !important;
      color: var(--jdc-text, #000) !important; }
    body > header .wrapper .logo_home {
      flex: 0 0 auto;
      padding: 0 8px; }
    body > header .wrapper .empty {
      flex: 10 10 auto; }
    body > header .wrapper form {
      display: inline-block;
      position: relative;
      padding-left: 12px;
      flex: 0 1 400px; }
      body > header .wrapper form button {
        color: #FFF;
        background-color: #018df0;
        border: 1px solid #0070ff !important;
        box-shadow: inset 0 1px 0 #FFaf4f;
        border-radius: 3px;
        opacity: 0;
        z-index: -1;
        transform: translateY(-50%);
        position: absolute;
        right: 0;
        top: 50%;
        margin: 0;
        padding: 0 12px;
        transition: opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        body > header .wrapper form button svg {
          width: 18px; }
      body > header .wrapper form input {
        margin: 0;
        display: inline-block;
        width: 100%;
        height: 36px;
        color: var(--jdc-text, #3b4045);
        border: var(--jdc-border, #c8ccd0) solid 1px !important;
        border-radius: 3px;
        font-size: 0.875rem;
        background-color: var(--jdc-surface, #FFF); }
        body > header .wrapper form input:focus {
          border: #0070ff solid 1px !important;
          box-shadow: inset 0 0 4px #FFaf4f, 0 0 5px rgba(255, 175, 79, 0.5); }
          body > header .wrapper form input:focus + button {
            opacity: 1;
            z-index: 1; }
    body > header .wrapper > ul {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex: 0 0 auto; }
      body > header .wrapper > ul:last-child {
        flex: 0 0 80px; }
      body > header .wrapper > ul li {
        cursor: pointer;
        max-width: 40px;
        height: 100%;
        display: inline-flex;
        flex: 0 0 40px;
        justify-content: center;
        align-items: center;
        padding: 0 10px; }
      body > header .wrapper > ul .signin {
        width: auto;
        max-width: none; }
        body > header .wrapper > ul .signin button {
          white-space: nowrap; }
  body > header .user_menu {
    display: none !important; }
  body > header .help, body > header .external_menu {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: var(--jdc-text-muted, #666); }
  body > header .center .profile {
    flex: 1 1 auto;
    max-width: none; }
    body > header .center .profile .profile-me {
      height: 100%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0 12px;
      color: var(--jdc-text-muted, #666); }
      body > header .center .profile .profile-me > span, body > header .center .profile .profile-me > strong {
        margin: 0 7px; }
      body > header .center .profile .profile-me .avatar-me {
        margin-right: 8px; }
    body > header .center .profile .badgecount {
      margin: 0 3px; }
  body > header .center .notifications {
    position: relative;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end; }
    body > header .center .notifications .unread_count {
      margin-top: 9px; }
  body > header .center .activities .icons-notification {
    vertical-align: middle;
    margin-top: 1px;
    opacity: 0.7; }
  body > header .center .reputations .icons-reputation {
    vertical-align: middle;
    margin-bottom: 4px; }
  body > header .center .propositions .icons-exchange {
    vertical-align: middle;
    margin-bottom: 4px; }
  body > header .center .moderations .icons-flag {
    vertical-align: middle;
    margin-bottom: 4px;
    width: 13px; }
  body > header .center .new_users_notifications .icons-user {
    vertical-align: middle;
    margin-bottom: 2px; }
  body > header .center .errors_admin .icons-delete {
    vertical-align: middle;
    margin-bottom: 4px; }

._dialog_header, #dialog_header > div {
  background-color: var(--jdc-surface, #fff);
  border-bottom: 1px solid var(--jdc-border, #e0e0e0);
  border-left: 1px solid var(--jdc-border, #e0e0e0);
  border-right: 1px solid var(--jdc-border, #e0e0e0);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  color: var(--jdc-text, #3d3d3d);
  font-size: 0.75rem;
  position: absolute;
  text-align: left;
  z-index: 999;
  width: 400px;
  height: calc(75vh - 50px); }
  ._dialog_header header, #dialog_header > div header {
    background-color: var(--jdc-surface-alt, #f0f0f0);
    padding: 0.625rem;
    position: relative;
    width: 100%; }
    ._dialog_header header h3, #dialog_header > div header h3 {
      margin-bottom: 5px;
      color: var(--jdc-text-muted, #666);
      display: inline-block;
      font-variant: small-caps;
      font-weight: bold;
      line-height: 0.8;
      font-size: calc(0.88125rem + 0.075vw); }
      @media (min-width: 1200px) {
        ._dialog_header header h3, #dialog_header > div header h3 {
          font-size: 0.9375rem; } }
  ._dialog_header .content, #dialog_header > div .content {
    max-width: 400px;
    overflow: auto;
    padding: 0.625rem 0.4375rem;
    position: relative; }
    ._dialog_header .content ul, #dialog_header > div .content ul {
      display: flex;
      flex-wrap: wrap; }
      ._dialog_header .content ul li, #dialog_header > div .content ul li {
        width: 100%;
        flex: 0 1 400px;
        line-height: 1.3;
        list-style: outside none none;
        border-bottom: 1px solid var(--jdc-border, #eee); }
        ._dialog_header .content ul li a, #dialog_header > div .content ul li a {
          color: var(--jdc-link, #05a);
          text-decoration: none;
          display: block; }
          ._dialog_header .content ul li a img, #dialog_header > div .content ul li a img {
            height: 40px; }

#dialog_header {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }
  #dialog_header > div {
    display: none;
    position: absolute;
    top: 47px;
    right: 0; }
    #dialog_header > div.active {
      overflow: auto;
      display: flex;
      flex-direction: column; }
    #dialog_header > div .icons-delete {
      display: inline-block !important; }
    #dialog_header > div .notif_item {
      list-style: none;
      height: 100%; }
      #dialog_header > div .notif_item:hover {
        background-color: rgba(1, 141, 240, 0.25); }
      #dialog_header > div .notif_item > a {
        width: 100%;
        height: 100%;
        padding: 0 0.75rem;
        display: inline-flex !important;
        justify-content: center;
        align-items: center; }
      #dialog_header > div .notif_item .second_col {
        width: 24px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
        text-align: right; }
      #dialog_header > div .notif_item .main_logo {
        display: inline-block;
        vertical-align: top;
        height: 25px;
        margin-right: 5px; }
      #dialog_header > div .notif_item .item_header {
        margin-top: 2px; }
      #dialog_header > div .notif_item .item_type {
        color: var(--jdc-text, #444);
        font-size: 0.8125rem; }
      #dialog_header > div .notif_item .item_content {
        display: inline-block;
        vertical-align: top;
        width: 100%; }
      #dialog_header > div .notif_item .item_date {
        color: var(--jdc-text-muted, #888);
        float: right; }
      #dialog_header > div .notif_item .item_summary {
        color: var(--jdc-text-muted, #888); }
      #dialog_header > div .notif_item .rep_change {
        font-size: 0.6875rem; }

#user_menu_dialog {
  background-color: #F4F4F6; }
  #user_menu_dialog .center {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #user_menu_dialog .center li {
      cursor: pointer;
      display: inline-flex;
      flex: 0 0 40px;
      justify-content: center;
      align-items: center;
      padding: 0 10px; }

#external_menu_dialog h3 span {
  float: right;
  display: inline-block; }
  #external_menu_dialog h3 span a {
    font-size: calc(0.8875rem + 0.15vw) !important;
    font-weight: normal !important; }
    @media (min-width: 1200px) {
      #external_menu_dialog h3 span a {
        font-size: 1rem !important; } }
#external_menu_dialog a {
  text-align: center !important;
  font-size: calc(0.9375rem + 0.75vw); }
  @media (min-width: 1200px) {
    #external_menu_dialog a {
      font-size: 1.5rem; } }

._hover_header, body > header .center .notifications:hover, ._block_header:hover, body > header .user_menu:hover, body > header .help:hover, body > header .external_menu:hover, body > header .center .profile:hover {
  text-decoration: none !important;
  background-color: var(--jdc-surface-alt, #e0e0e0); }

._block_header, body > header .user_menu, body > header .help, body > header .external_menu, body > header .center .profile {
  display: inline-block;
  color: var(--jdc-text-muted, #666) !important; }
  ._block_header:hover, body > header .user_menu:hover, body > header .help:hover, body > header .external_menu:hover, body > header .center .profile:hover {
    color: #e0e0e0 !important; }

._link_span_style_pop_up_header h3, #help_dialog h3, #external_menu_dialog h3 {
  width: 100%; }
._link_span_style_pop_up_header li, #help_dialog li, #external_menu_dialog li {
  margin-bottom: 10px !important;
  padding-bottom: 5px; }
  ._link_span_style_pop_up_header li a span, #help_dialog li a span, #external_menu_dialog li a span {
    color: var(--jdc-text, #3d3d3d);
    display: block;
    margin-top: 4px; }

@media screen and (max-width: 600px) {
  body > header .wrapper > ul .signin {
    display: none; } }
@media screen and (max-width: 800px) {
  body > header .logo_home {
    display: none; }
  body > header.active {
    height: auto; }
    body > header.active .wrapper form {
      display: none; }
  body > header .wrapper form {
    max-width: 100%; }
  body > header .wrapper > ul:last-child {
    flex: 0 0 140px; }
  body > header .wrapper .center {
    display: none;
    padding: 0; }
    body > header .wrapper .center.active {
      display: inline-flex;
      flex-wrap: wrap;
      max-width: 50%;
      justify-content: flex-start; }
      body > header .wrapper .center.active li {
        padding: 10px 4px; }
  body > header .wrapper .user_menu {
    display: inline-flex !important; } }
#external_menu_dialog .theme-switch-li {
  border-bottom: 1px solid var(--jdc-border, var(--jdc-border, #eee)); }

#external_menu_dialog .theme-switch {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0.5625rem 0.75rem;
  border: none;
  background: transparent;
  color: var(--jdc-text, #05a);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  border-radius: 6px;
  transition: background 0.15s, color 0.15s; }
  #external_menu_dialog .theme-switch:hover {
    background: var(--jdc-bg, rgba(1, 141, 240, 0.12));
    color: #018df0; }
  #external_menu_dialog .theme-switch .theme-switch-ico {
    font-size: 17px;
    line-height: 1; }

body {
  font-family: Arial, sans-serif;
  position: relative;
  background-color: #F4F4F6; }

.project_title {
  color: #0079ff;
  text-shadow: 0 0 10px rgba(0, 121, 255, 0.5); }

.logo {
  width: 444px;
  height: 61px;
  background-image: url(/assets/logos/logo_named-17e8be47d05acee14db89921632d4a52c55a80b7da9d89466c98c67ba37b894d.png);
  background-size: 444px;
  background-repeat: no-repeat;
  display: inline-block; }
  .logo a {
    display: block;
    text-indent: -9999px; }

blockquote {
  background-color: rgba(1, 141, 240, 0.06);
  border-left: 2px solid #018df0;
  padding: 10px;
  font-size: 0.875rem;
  line-height: 20px;
  min-height: 20px; }
  blockquote.r {
    background-color: rgba(255, 0, 0, 0.06);
    border-left: 2px solid red; }
  blockquote.g {
    background-color: rgba(0, 255, 0, 0.06);
    border-left: 2px solid #0F0; }

img {
  max-width: unset;
  height: unset; }

input[type="button"], button {
  border-radius: 10px; }

main {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  min-height: calc(100vh - 200px);
  max-width: 1280px;
  width: 100%; }
  main > * {
    flex: 1 0 auto; }
  main .subheader {
    margin-bottom: 20px;
    font-size: calc(0.88125rem + 0.075vw); }
    @media (min-width: 1200px) {
      main .subheader {
        font-size: 0.9375rem; } }

#main_section {
  flex: 1 0 500px;
  background-color: #fdfdfd;
  border-left: 1px solid #d6d9dc;
  padding: calc(0.9375rem + 0.75vw);
  max-width: 750px; }
  @media (min-width: 1200px) {
    #main_section {
      padding: 1.5rem; } }

@media screen and (max-width: 800px) {
  #main_section {
    flex: 1 0 500px;
    padding-right: calc(0.9125rem + 0.45vw); } }
  @media screen and (max-width: 800px) and (min-width: 1200px) {
    #main_section {
      padding-right: 1.25rem; } }

@media screen and (max-width: 500px) {
  #main_section {
    flex: 1 0 300px; } }
.table_responsive .tcolumns {
  min-width: 1000px; }

.no_navigation .responsive_menu {
  display: flex; }
.no_navigation > main > nav {
  transition: all 0.5s ease-out;
  position: absolute;
  display: block;
  z-index: 9998;
  top: 50px;
  left: -231px;
  height: calc(100% - 50px); }
  .no_navigation > main > nav.active {
    left: 0; }

main > nav {
  max-width: 230px;
  width: 230px;
  position: relative;
  background-color: #F4F4F6;
  border-right: 1px solid var(--jdc-border, #ddd); }
  main > nav .nav {
    position: sticky;
    top: 50px;
    left: 0;
    padding: calc(0.9125rem + 0.45vw) 0;
    z-index: 9;
    font-size: calc(0.8875rem + 0.15vw);
    overflow: auto;
    max-height: 100vh; }
    @media (min-width: 1200px) {
      main > nav .nav {
        padding: 1.25rem 0; } }
    @media (min-width: 1200px) {
      main > nav .nav {
        font-size: 1rem; } }
    main > nav .nav h3 {
      width: 100%;
      color: var(--jdc-text-muted, #666);
      display: inline-block;
      font-variant: small-caps;
      font-weight: bold;
      padding: 4px 10px;
      font-size: calc(0.88125rem + 0.075vw);
      text-align: right;
      background-color: var(--jdc-surface-alt, #e8e8e8); }
      @media (min-width: 1200px) {
        main > nav .nav h3 {
          font-size: 0.9375rem; } }
    main > nav .nav li {
      color: var(--jdc-text, #535a60) !important; }
      main > nav .nav li.sub {
        padding-left: 20px; }
      main > nav .nav li a {
        display: block;
        padding: 4px 4px 4px 8px;
        line-height: 1.5;
        font-size: 0.8125rem; }
      main > nav .nav li.active {
        background-color: rgba(1, 141, 240, 0.12);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        main > nav .nav li.active a {
          color: #018df0 !important; }
        main > nav .nav li.active .minimize {
          font-size: 0.75rem; }
      main > nav .nav li:hover {
        background-color: rgba(12, 13, 14, 0.05); }
    main > nav .nav .important {
      background-color: #f0a080;
      border-right: 1px solid #633;
      border-bottom: 1px solid #633;
      border-left: 1px solid #daa;
      border-top: 1px solid #daa; }
    main > nav .nav .nav_group {
      padding: 0; }
      main > nav .nav .nav_group.open > .nav_head .nav_chevron {
        transform: rotate(90deg); }
    main > nav .nav .nav_head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      main > nav .nav .nav_head a {
        flex: 1; }
      main > nav .nav .nav_head.active {
        background-color: rgba(1, 141, 240, 0.12);
        border-left: 3px solid #018df0;
        font-weight: bold; }
        main > nav .nav .nav_head.active a {
          color: #018df0 !important; }
      main > nav .nav .nav_head.child_active {
        background-color: rgba(1, 141, 240, 0.05);
        border-left: 3px solid rgba(1, 141, 240, 0.35); }
      main > nav .nav .nav_head:hover {
        background-color: rgba(12, 13, 14, 0.05); }
    main > nav .nav .nav_label {
      display: block;
      padding: 4px 4px 4px 8px;
      line-height: 1.5;
      font-size: 0.8125rem;
      flex: 1; }
    main > nav .nav .nav_label_sub {
      margin-left: 4px;
      font-size: 0.65625rem;
      font-weight: normal;
      color: var(--jdc-text-muted, #999); }
    main > nav .nav .nav_ico {
      display: inline-block;
      width: 20px;
      margin-right: 2px;
      text-align: center;
      flex-shrink: 0; }
    main > nav .nav .nav_chevron {
      display: inline-block;
      flex-shrink: 0;
      width: 24px;
      text-align: center;
      color: var(--jdc-text-muted, #999);
      transition: transform 0.15s ease-out; }
      main > nav .nav .nav_chevron:hover {
        color: #018df0; }
    main > nav .nav .nav_sub {
      display: none;
      list-style: none;
      padding-left: 20px; }
      main > nav .nav .nav_sub li a {
        font-size: 0.75rem; }
    main > nav .nav .nav_group.open > .nav_sub {
      display: block; }

#result_research {
  padding-left: 10px;
  list-style-type: decimal; }
  #result_research li {
    margin: 20px 0; }

#nav_research {
  margin-top: 20px; }
  #nav_research a {
    display: inline-block !important; }

.responsive_menu {
  display: none;
  padding-top: 3px;
  height: 100%;
  width: 44px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(12, 13, 14, 0.1);
  transition: border-right-color 0.1s linear;
  cursor: pointer; }
  .responsive_menu.active {
    padding: 0; }
    .responsive_menu.active span {
      background-color: transparent; }
      .responsive_menu.active span::after {
        top: 0;
        transform: rotate(-45deg); }
      .responsive_menu.active span::before {
        top: 0;
        transform: rotate(45deg); }
  .responsive_menu span {
    width: 18px;
    height: 2px;
    background-color: #848d95;
    position: relative; }
    .responsive_menu span::after, .responsive_menu span::before {
      position: absolute;
      content: "";
      width: 18px;
      height: 2px;
      left: 0;
      background: #848d95;
      top: -5px;
      transition: all ease-in-out 0.1s; }
    .responsive_menu span::after {
      top: 5px; }

@media screen and (max-width: 1024px) {
  body .responsive_menu {
    display: flex; }
  body > main > nav {
    transition: all 0.5s ease-out;
    position: absolute;
    display: block;
    z-index: 9998;
    top: 50px;
    left: -231px;
    height: calc(100% - 50px); }
    body > main > nav.active {
      left: 0; } }
.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0;
  padding-left: 0; }
  .pagination li {
    display: inline; }
    .pagination li:first-child a, .pagination li:first-child span {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      margin-left: 0; }
    .pagination li:last-child a, .pagination li:last-child span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .pagination li a {
      background-color: var(--jdc-surface, #fff);
      border: 1px solid var(--jdc-border, #ddd);
      color: #018df0;
      float: left;
      line-height: 1.42857;
      margin-left: -1px;
      padding: 6px 12px;
      position: relative;
      text-decoration: none; }
      .pagination li a:hover {
        background-color: var(--jdc-surface-alt, #eee) !important;
        border-color: var(--jdc-border, #ddd) !important;
        color: #962a2a !important; }
  .pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
    background-color: #018df0;
    border-color: #018df0;
    color: #fff;
    cursor: default;
    z-index: 2; }
  .pagination .disabled a, .pagination .disabled span, .pagination .disabled a:hover, .pagination .disabled span:hover, .pagination .disabled a:focus, .pagination .disabled span:focus {
    background-color: var(--jdc-surface, #fff);
    border-color: var(--jdc-border, #ddd);
    color: var(--jdc-text-muted, #777);
    cursor: not-allowed; }

.pagination-lg li a, .pagination-lg li span {
  font-size: calc(0.9rem + 0.3vw);
  padding: 10px 16px; }
  @media (min-width: 1200px) {
    .pagination-lg li a, .pagination-lg li span {
      font-size: 1.125rem; } }
.pagination-lg li:first-child a, .pagination-lg li:first-child span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg li:last-child a, .pagination-lg li:last-child span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm li a {
  font-size: 0.625rem;
  padding: 5px 10px; }
.pagination-sm li:first-child a, .pagination-sm li:first-child span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm li:last-child a, .pagination-sm li:last-child span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  list-style: outside none none;
  margin: 20px 0;
  padding-left: 0;
  text-align: center; }
  .pager li {
    display: inline; }
    .pager li a, .pager li span {
      background-color: var(--jdc-surface, #fff);
      border: 1px solid var(--jdc-border, #ddd);
      border-radius: 15px;
      display: inline-block;
      padding: 5px 14px; }
      .pager li a:hover, .pager li a:focus, .pager li span:hover, .pager li span:focus {
        background-color: var(--jdc-surface-alt, #eee);
        text-decoration: none; }
  .pager .next a, .pager .next span {
    float: right; }
  .pager .previous a, .pager .previous span {
    float: left; }
  .pager .disabled a, .pager .disabled span, .pager .disabled a:hover, .pager .disabled a:focus {
    background-color: var(--jdc-surface, #fff);
    color: var(--jdc-text-muted, #777);
    cursor: not-allowed; }

.reduce .reducer:before, .reduce ._reducer:before {
  content: "+" !important;
  font-size: 0.6875rem; }
.reduce + * {
  display: none !important; }

.reduce_section .reducer:before, .reduce_section ._reducer:before {
  content: "+" !important;
  font-size: 0.6875rem; }
.reduce_section > *:not(.reducer_section) {
  display: none !important; }

.reducer:before, ._reducer:before, ._reducer_:before {
  content: "-";
  text-align: center;
  border: 1px solid #000;
  width: 12px;
  height: 12px;
  line-height: 13px;
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  font-size: 0.875rem; }

._reducer_:before {
  content: "+" !important;
  font-size: 0.6875rem; }

.rb-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.rb-rows {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.rb-empty {
  padding: 0.875rem;
  font-size: 0.8125rem;
  color: var(--jdc-text-muted);
  text-align: center;
  border: 1px dashed var(--jdc-border-strong);
  border-radius: 8px; }

.rb-row {
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--jdc-border);
  border-radius: 8px;
  background: var(--jdc-bg-subtle);
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .rb-row.ui-sortable-helper {
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  .rb-row.rb-row--inactive {
    opacity: 0.5; }
    .rb-row.rb-row--inactive .rb-fields {
      pointer-events: none; }

.rb-row-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px; }

.rb-handle {
  font-size: calc(0.88125rem + 0.075vw);
  color: var(--jdc-text-faint);
  cursor: grab; }
  @media (min-width: 1200px) {
    .rb-handle {
      font-size: 0.9375rem; } }
  .rb-handle:active {
    cursor: grabbing; }

.rb-type-select {
  flex: 1 1 200px;
  padding: 0.375rem 0.5625rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--jdc-text);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 6px; }

.rb-target-select {
  flex: 0 1 140px;
  padding: 0.375rem 0.5625rem;
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--jdc-text-muted);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 6px; }

.rb-active-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.71875rem;
  font-weight: 600;
  color: var(--jdc-text-muted);
  cursor: pointer; }
  .rb-active-toggle input {
    margin: 0; }

.rb-remove {
  margin-left: auto; }

.rb-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin: 0 0 8px; }

.rb-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.71875rem;
  font-weight: 600;
  color: var(--jdc-text-muted); }

.rb-field-label {
  white-space: nowrap; }

.rb-input {
  padding: 0.375rem 0.5625rem;
  font-size: 0.8125rem;
  color: var(--jdc-text);
  background: var(--jdc-surface);
  border: 1px solid var(--jdc-border);
  border-radius: 6px; }
  .rb-input:focus {
    border-color: #018df0; }

.rb-input--list {
  min-width: 220px; }

.rb-input--num {
  width: 80px; }

.rb-summary {
  margin: 0;
  padding: 0.375rem 0.625rem;
  font-size: 0.78125rem;
  font-style: italic;
  line-height: 1.5;
  color: #018df0;
  background: rgba(1, 141, 240, 0.08);
  border-radius: 6px; }

.rb-toolbar {
  display: flex; }

@media screen and (max-width: 640px) {
  .rb-fields {
    flex-direction: column; }

  .rb-input--list {
    min-width: 0; } }
.search_form .search_word input[name="graphy"] {
  width: 230px; }

.lemme_searcher_results {
  display: block;
  width: 100%;
  border: 1px solid #999; }
  .lemme_searcher_results ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; }
    .lemme_searcher_results ul li {
      padding: 0.3125rem 0.625rem;
      font-size: 0.875rem;
      flex: 0 1 190px;
      cursor: pointer;
      color: #006ebb;
      text-align: center; }
      .lemme_searcher_results ul li:hover {
        background-color: rgba(1, 141, 240, 0.1); }

.share_box {
  display: inline-block;
  margin: 5px 0;
  height: 37px; }
  .share_box .box {
    margin: 7px 0;
    width: 80px;
    display: inline-block;
    border-radius: 7px;
    background: linear-gradient(to center bottom, #dee7ea 0%, #e5eef2 20%, #e5eef2 100%) repeat scroll 0 0 transparent; }
    .share_box .box:hover .share {
      height: 36px; }
    .share_box .box .share {
      border-image: none;
      border-radius: 0 0 7px 7px;
      border-style: solid;
      border-width: 0 1px 1px;
      color: #ffffff;
      font-size: 0.8125rem;
      width: 78px;
      height: 34px;
      line-height: 34px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
      text-align: center;
      display: inline-block;
      font-weight: bold; }
      .share_box .box .share span {
        display: inline-block;
        vertical-align: middle; }
  .share_box .twitter {
    box-shadow: 0 1px 0 #c3c3c3, 0 6px 0 #54a2bc, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .twitter:hover {
      box-shadow: 0 1px 0 #c3c3c3, 0 4px 0 #54a2bc, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .twitter .share {
      background-color: #7ac5df;
      border-color: #6fa4b5;
      box-shadow: 0 1px 0 0 #69a4b9 inset, 0 -1px 2px 0 rgba(255, 255, 255, 0.6) inset, 0 2px 1px 0 rgba(255, 0, 0, 0.15) inset; }
      .share_box .twitter .share span {
        background: url(/assets/logos/twitter-461a50a5ef522efe3b53df4b11543fe82dd164f3ca7a9692f5780aeca9848f16.png) no-repeat;
        width: 18px;
        height: 12px; }
  .share_box .facebook {
    box-shadow: 0 1px 0 #c3c3c3, 0 6px 0 #28437a, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .facebook:hover {
      box-shadow: 0 1px 0 #c3c3c3, 0 4px 0 #28437a, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .facebook .share {
      background: linear-gradient(to center bottom, #637fbb 0%, #49649e 100%) repeat scroll 0 0 transparent;
      border-color: #35538f;
      box-shadow: 0 1px 0 0 #4a5f8a inset, 0 -1px 2px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 1px 0 rgba(255, 0, 0, 0.15) inset; }
      .share_box .facebook .share span {
        background: url(/assets/logos/facebook-1642af9588c3c6bd322e70a9c06901a60d5d4e48dbf4106074a25c979938468d.png) no-repeat;
        width: 14px;
        height: 15px; }
  .share_box .google {
    box-shadow: 0 1px 0 #c3c3c3, 0 6px 0 #333, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .google:hover {
      box-shadow: 0 1px 0 #c3c3c3, 0 4px 0 #333, 0 2px 3px 0 rgba(47, 58, 61, 0.25), 0 2px 0 0 white inset; }
    .share_box .google .share {
      background: linear-gradient(to center bottom, #626263 0%, #424244 100%) repeat scroll 0 0 transparent;
      border-color: #303030;
      box-shadow: 0 1px 0 0 #4a5f8a inset, 0 -1px 2px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 1px 0 rgba(255, 0, 0, 0.15) inset; }

.social {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  opacity: 0.6;
  text-indent: -9999px;
  transition: all 0.2s ease 0s;
  width: 40px; }
  .social:hover {
    background-position: 0 -40px !important;
    opacity: 1; }

.social-twitter {
  background-image: url(/assets/social/twitter-9da5a659cbeef0745b9b18542f6812bbf231cc09f6d20879052eab706b26ab23.png); }
  .social-twitter:hover {
    background-color: #48c4d2; }

.social-facebook {
  background-image: url(/assets/social/facebook-333ab52c5f62cabfe1144a4f07af117f0f40941cce7162f41eab4ad968c64f69.png); }
  .social-facebook:hover {
    background-color: #3b5998; }

.social-googleplus {
  background-image: url(/assets/social/google-9b6a4bd6ec603ad9d013030944e00c94d519abdc5764e61efcebc2130d96fafa.png); }
  .social-googleplus:hover {
    background-color: #dd4b39; }

.social-youtube {
  background-image: url(/assets/social/youtube-280836da9c36837dd1b5db8eae8c382802eaebc03f99110e561d0fff0f33c3b2.png); }
  .social-youtube:hover {
    background-color: #f45750; }

.social-youtube_active {
  width: 20px;
  height: 20px;
  background-size: 30px 60px;
  background-image: url(/assets/social/youtube-280836da9c36837dd1b5db8eae8c382802eaebc03f99110e561d0fff0f33c3b2.png);
  background-color: #f45750;
  background-position: center -35px !important;
  opacity: 1; }

.social-tipeee {
  background-image: url(/assets/social/tipeee-501914f8c593ce602669872f190e6721867af81d00148b1fdb9740b86a3b4281.png); }
  .social-tipeee:hover {
    background-color: rgba(244, 87, 80, 0.25); }

.follow-us {
  text-align: center; }

.closed {
  background-color: rgba(136, 136, 136, 0.5) !important; }

.deleted {
  background-color: #CCC !important;
  color: #999 !important; }

.time {
  position: absolute;
  right: 7px;
  width: 215px;
  font-size: 0.6875rem;
  text-align: right;
  margin-top: 7px;
  color: var(--jdc-text-muted, #888); }
  .time a {
    color: var(--jdc-text, #444) !important; }
    .time a:hover {
      color: #0079ff !important; }

.started {
  white-space: nowrap;
  width: auto;
  float: right;
  color: var(--jdc-text-muted, #999); }
  .started .time {
    font-size: 0.75rem;
    position: static; }
  .started a {
    color: var(--jdc-text-muted, #666) !important; }
    .started a:hover {
      color: var(--jdc-text-muted, #999) !important;
      text-decoration: underline; }

.trees {
  width: 100%;
  font: 16px Verdana, sans-serif; }

.tree {
  position: relative;
  overflow: auto; }
  .tree:hover {
    cursor: grab; }

.branch {
  position: relative;
  margin-left: 250px; }
  .branch:before {
    content: "";
    width: 50px;
    border-top: 2px solid #018df0;
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: 1px; }

.entry {
  position: relative;
  min-height: 60px; }
  .entry:before {
    content: "";
    height: 100%;
    border-left: 2px solid #018df0;
    position: absolute;
    left: -52px; }
  .entry:after {
    content: "";
    width: 50px;
    border-top: 2px solid #018df0;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: 1px; }
  .entry:first-child:before {
    width: 10px;
    height: 50%;
    top: 50%;
    margin-top: 2px;
    border-radius: 10px 0 0 0; }
  .entry:first-child:after {
    height: 10px;
    border-radius: 10px 0 0 0; }
  .entry:last-child:before {
    width: 10px;
    height: 50%;
    border-radius: 0 0 0 10px; }
  .entry:last-child:after {
    height: 10px;
    border-top: none;
    border-bottom: 2px solid #018df0;
    border-radius: 0 0 0 10px;
    margin-top: -9px; }
  .entry.alone:before {
    display: none; }
  .entry.alone:after {
    width: 50px;
    height: 0;
    margin-top: 1px;
    border-radius: 0; }

.label {
  display: block;
  width: 150px;
  padding: 5px 10px;
  line-height: 20px;
  text-align: center;
  border: 2px solid #018df0;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  word-wrap: break-word;
  z-index: 2;
  cursor: pointer; }
  .label:hover {
    filter: brightness(80%); }
  .label a {
    z-index: 3;
    position: relative; }
    .label a:hover {
      font-weight: bold; }
  .label div {
    position: absolute;
    right: -25px;
    top: 8px;
    padding: 5px 10px;
    color: #000;
    font-size: 0.75rem; }

button, input[type="button"], input[type="submit"], .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--jdc-btn-text, #ffffff);
  background: var(--jdc-btn-bg, #1f2937);
  background-image: none;
  border: 1px solid var(--jdc-btn-bg, #1f2937);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.08);
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus {
    background: var(--jdc-btn-bg-hover, #111827);
    background-image: none;
    border-color: var(--jdc-btn-bg-hover, #111827);
    color: var(--jdc-btn-text, #ffffff);
    box-shadow: 0 2px 6px rgba(17, 24, 39, 0.12);
    text-decoration: none; }
  button:active, input[type="button"]:active, input[type="submit"]:active, .button:active {
    background: var(--jdc-btn-bg-active, #0b1220);
    background-image: none;
    transform: translateY(1px);
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.08); }
  button[disabled], button:disabled, input[type="button"][disabled], input[type="button"]:disabled, input[type="submit"][disabled], input[type="submit"]:disabled, .button[disabled], .button:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  button svg, button .icons-plus, button [class^="icons-"], input[type="button"] svg, input[type="button"] .icons-plus, input[type="button"] [class^="icons-"], input[type="submit"] svg, input[type="submit"] .icons-plus, input[type="submit"] [class^="icons-"], .button svg, .button .icons-plus, .button [class^="icons-"] {
    fill: currentColor;
    color: currentColor; }
  a > button, a > input[type="button"], a > input[type="submit"], a > .button {
    color: var(--jdc-btn-text, #ffffff); }

button.primary, input[type="button"].primary, input[type="submit"].primary, .button.primary {
  background: #018df0;
  border-color: #018df0;
  color: #fff; }
  button.primary:hover, button.primary:focus, input[type="button"].primary:hover, input[type="button"].primary:focus, input[type="submit"].primary:hover, input[type="submit"].primary:focus, .button.primary:hover, .button.primary:focus {
    background: #0175c7;
    border-color: #0175c7;
    color: #fff; }
  button.primary:active, input[type="button"].primary:active, input[type="submit"].primary:active, .button.primary:active {
    background: #0163a9;
    border-color: #0163a9; }

button.ghost, .button.ghost {
  background: transparent;
  background-image: none;
  color: var(--jdc-text, #111827);
  border-color: var(--jdc-border-strong, #d1d5db);
  box-shadow: none; }
  button.ghost:hover, button.ghost:focus, .button.ghost:hover, .button.ghost:focus {
    background: var(--jdc-bg-subtle, #f1f2f4);
    background-image: none;
    border-color: var(--jdc-text-muted, #6b7280);
    color: var(--jdc-text, #111827);
    box-shadow: none; }
  button.ghost:active, .button.ghost:active {
    background: var(--jdc-border, #e5e7eb); }

a:has(> button), a:has(> input[type="button"]), a:has(> input[type="submit"]) {
  text-decoration: none; }
  a:has(> button):hover, a:has(> input[type="button"]):hover, a:has(> input[type="submit"]):hover {
    text-decoration: none; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--jdc-bg, #f7f7f8);
  color: var(--jdc-text, #111827);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5; }
  body *:focus-visible {
    outline: 2px solid rgba(1, 141, 240, 0.35);
    outline-offset: 2px;
    border-radius: 6px; }
  body ::selection {
    background: rgba(1, 141, 240, 0.16);
    color: var(--jdc-text, #111827); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; } }
main {
  background: var(--jdc-bg, #f7f7f8);
  gap: 0; }
  main > nav {
    border-right: none !important;
    background-color: transparent !important; }
  main > aside {
    border-right: none !important;
    background-color: transparent !important; }

main > nav .nav {
  padding: calc(0.9125rem + 0.45vw) 0.75rem;
  font-size: 0.875rem; }
  @media (min-width: 1200px) {
    main > nav .nav {
      padding: 1.25rem 0.75rem; } }
  main > nav .nav h3 {
    background: transparent !important;
    color: var(--jdc-text-faint, #9ca3af) !important;
    font-variant: normal !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 16px 10px 6px !important;
    border: none; }
  main > nav .nav li {
    min-height: 36px;
    margin-bottom: 2px;
    border-radius: 8px;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative; }
    main > nav .nav li.active, main > nav .nav li:hover {
      background-color: transparent;
      border-right: none !important;
      font-weight: normal; }
    main > nav .nav li a {
      display: block;
      padding: 8px 12px;
      border-radius: 8px;
      color: var(--jdc-text-soft, #374151);
      font-size: 0.875rem;
      line-height: 1.4;
      text-decoration: none;
      transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      main > nav .nav li a:hover {
        background-color: var(--jdc-bg-subtle, #f1f2f4);
        color: var(--jdc-text, #111827);
        text-decoration: none; }
    main > nav .nav li.active a {
      background-color: rgba(1, 141, 240, 0.08);
      color: #018df0 !important;
      font-weight: 600; }
    main > nav .nav li.sub {
      padding-left: 12px; }
      main > nav .nav li.sub a {
        font-size: 0.8125rem;
        color: var(--jdc-text-muted, #6b7280);
        padding-left: 22px; }
    main > nav .nav li.important {
      background: rgba(1, 141, 240, 0.08);
      border: 1px solid rgba(1, 141, 240, 0.16); }

#main_section {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  margin: 16px 0;
  padding: calc(0.9625rem + 1.05vw);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  min-height: 60vh; }
  @media (min-width: 1200px) {
    #main_section {
      padding: 1.75rem; } }

main > aside {
  padding: calc(0.8875rem + 0.15vw) 0.75rem; }
  @media (min-width: 1200px) {
    main > aside {
      padding: 1rem 0.75rem; } }
  main > aside h4 {
    color: var(--jdc-text-soft, #374151) !important;
    font-weight: 600 !important;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px; }
  main > aside section {
    background-color: var(--jdc-surface, #ffffff) !important;
    border: 1px solid var(--jdc-border, #e5e7eb) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04) !important;
    padding: 16px !important;
    margin-bottom: 12px;
    color: var(--jdc-text-soft, #374151); }
    main > aside section article {
      font-size: 0.8125rem;
      line-height: 1.5; }
      main > aside section article h3 {
        background: transparent !important;
        color: var(--jdc-text, #111827) !important;
        font-weight: 600 !important;
        font-size: 0.875rem !important;
        padding: 0 !important;
        margin-bottom: 10px; }
      main > aside section article hr {
        background: var(--jdc-border, #e5e7eb) !important;
        height: 1px !important;
        margin: 10px 0 !important; }
      main > aside section article a {
        color: var(--jdc-text-soft, #374151);
        text-decoration: none; }
        main > aside section article a:hover {
          color: #018df0;
          text-decoration: underline; }
      main > aside section article .votes, main > aside section article .date {
        color: var(--jdc-text-muted, #6b7280); }
  main > aside > section article > a > button, main > aside > section article > a > input[type="button"], main > aside > section article > a > input[type="submit"] {
    width: 100%;
    background: #018df0;
    background-image: none;
    border-color: #018df0;
    color: #fff; }
    main > aside > section article > a > button:hover, main > aside > section article > a > button:focus, main > aside > section article > a > input[type="button"]:hover, main > aside > section article > a > input[type="button"]:focus, main > aside > section article > a > input[type="submit"]:hover, main > aside > section article > a > input[type="submit"]:focus {
      background: #0175c7;
      background-image: none;
      border-color: #0175c7;
      color: #fff; }
    main > aside > section article > a > button:active, main > aside > section article > a > input[type="button"]:active, main > aside > section article > a > input[type="submit"]:active {
      background: #0163a9;
      border-color: #0163a9; }

body > footer {
  background: var(--jdc-footer-bg, #0f172a);
  color: var(--jdc-footer-text, #cbd5e1);
  padding: 48px 24px 32px;
  min-height: 0;
  margin-top: 60px;
  border-top: 1px solid rgba(255, 255, 255, 0.05); }
  body > footer .footerwrap {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px; }
  body > footer .links {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 24px;
    font-size: 0.875rem; }
    body > footer .links a {
      display: inline-block;
      margin: 0;
      padding: 6px 4px;
      line-height: 1.4;
      color: var(--jdc-footer-link, #e2e8f0) !important;
      text-decoration: none;
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      body > footer .links a:hover {
        color: #018df0 !important;
        text-decoration: none; }
    body > footer .links strong a {
      color: #fff !important;
      font-weight: 600; }
    body > footer .links .logo_france {
      height: 40px;
      width: auto;
      opacity: 0.85; }
    body > footer .links .main_logo {
      width: 32px;
      vertical-align: middle;
      opacity: 0.85; }
  body > footer .copyright {
    font-size: 0.75rem;
    color: var(--jdc-footer-muted, #64748b);
    text-align: center;
    line-height: 1.6;
    max-width: 720px; }
    body > footer .copyright a {
      color: var(--jdc-footer-link, #e2e8f0); }
      body > footer .copyright a:hover {
        color: #018df0; }

body#index #main_section {
  padding: calc(0.9625rem + 1.05vw); }
  @media (min-width: 1200px) {
    body#index #main_section {
      padding: 1.75rem; } }
  body#index #main_section > section {
    margin-bottom: 40px;
    border: none; }
    body#index #main_section > section:last-child {
      margin-bottom: 0; }
    body#index #main_section > section > h2 {
      margin: 0 0 16px 4px;
      font-size: calc(0.9125rem + 0.45vw);
      font-weight: 600;
      letter-spacing: -0.01em;
      color: var(--jdc-text, #111827);
      display: flex;
      align-items: baseline;
      justify-content: space-between; }
      @media (min-width: 1200px) {
        body#index #main_section > section > h2 {
          font-size: 1.25rem; } }
    body#index #main_section > section.discord {
      background: linear-gradient(135deg, rgba(1, 141, 240, 0.06), rgba(1, 141, 240, 0.02));
      border: 1px solid rgba(1, 141, 240, 0.08);
      border-radius: 12px;
      padding: 20px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--jdc-text, #111827);
      font-size: 0.875rem; }
      body#index #main_section > section.discord a {
        color: #018df0;
        font-weight: 500; }
        body#index #main_section > section.discord a:hover {
          text-decoration: underline; }
    body#index #main_section > section article {
      background: var(--jdc-surface, #ffffff);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 12px;
      padding: 20px 24px;
      margin-bottom: 12px;
      display: flex;
      gap: 24px;
      transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
      body#index #main_section > section article:hover {
        border-color: var(--jdc-border-strong, #d1d5db);
        box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
        transform: translateY(-1px); }
      body#index #main_section > section article .stat {
        order: 2;
        display: flex;
        gap: 8px;
        flex-shrink: 0;
        align-items: flex-start;
        cursor: pointer; }
        body#index #main_section > section article .stat > div {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          min-width: 64px;
          padding: 8px 10px;
          border-radius: 8px;
          border: 1px solid transparent;
          color: var(--jdc-text-muted, #6b7280);
          font-size: 0.6875rem;
          text-transform: uppercase;
          letter-spacing: 0.04em;
          font-weight: 500;
          transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
          body#index #main_section > section article .stat > div:hover {
            background: rgba(1, 141, 240, 0.08);
            border-color: rgba(1, 141, 240, 0.08); }
        body#index #main_section > section article .stat .count {
          font-size: calc(0.9125rem + 0.45vw);
          margin-bottom: 2px;
          font-weight: 600;
          color: var(--jdc-text, #111827);
          letter-spacing: -0.01em; }
          @media (min-width: 1200px) {
            body#index #main_section > section article .stat .count {
              font-size: 1.25rem; } }
      body#index #main_section > section article .summary {
        order: 1;
        flex: 1 1 auto;
        min-width: 0; }
        body#index #main_section > section article .summary h3 {
          margin: 0 0 10px 0;
          font-size: calc(0.89375rem + 0.225vw);
          font-weight: 600;
          line-height: 1.4;
          letter-spacing: -0.01em; }
          @media (min-width: 1200px) {
            body#index #main_section > section article .summary h3 {
              font-size: 1.0625rem; } }
          body#index #main_section > section article .summary h3 a {
            color: var(--jdc-text, #111827);
            text-decoration: none; }
            body#index #main_section > section article .summary h3 a:hover {
              color: #018df0;
              text-decoration: none; }
        body#index #main_section > section article .summary footer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin-top: 12px; }
          body#index #main_section > section article .summary footer .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px; }
            body#index #main_section > section article .summary footer .tags a {
              background: var(--jdc-bg, #f7f7f8);
              border: 1px solid var(--jdc-border, #e5e7eb);
              color: var(--jdc-text-soft, #374151);
              padding: 3px 10px;
              border-radius: 999px;
              font-size: 0.75rem;
              text-decoration: none;
              transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
              body#index #main_section > section article .summary footer .tags a:hover {
                background: rgba(1, 141, 240, 0.08);
                border-color: rgba(1, 141, 240, 0.08);
                color: #018df0; }
          body#index #main_section > section article .summary footer .started .time {
            font-size: 0.75rem;
            color: var(--jdc-text-muted, #6b7280);
            margin: 0; }
            body#index #main_section > section article .summary footer .started .time a.username {
              color: var(--jdc-text-soft, #374151);
              font-weight: 500; }
              body#index #main_section > section article .summary footer .started .time a.username:hover {
                color: #018df0;
                text-decoration: none; }
    body#index #main_section > section .more {
      text-align: left;
      margin-top: 12px;
      font-size: 0.8125rem; }
      body#index #main_section > section .more a {
        color: #018df0;
        text-decoration: none;
        font-weight: 500; }
        body#index #main_section > section .more a:hover {
          text-decoration: underline; }

#main_section > header.tabized_overview {
  margin: -28px -28px 24px;
  padding: 24px 28px 0;
  background: var(--jdc-surface, #ffffff);
  border: none;
  border-radius: 12px 12px 0 0; }
  #main_section > header.tabized_overview h1 {
    margin: 0 0 12px 0;
    font-size: calc(0.9375rem + 0.75vw);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--jdc-text, #111827);
    line-height: 1.2; }
    @media (min-width: 1200px) {
      #main_section > header.tabized_overview h1 {
        font-size: 1.5rem; } }
  #main_section > header.tabized_overview .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
    #main_section > header.tabized_overview .tabs li {
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      height: auto; }
      #main_section > header.tabized_overview .tabs li a {
        position: relative;
        display: inline-block;
        padding: 10px 14px;
        margin: 0;
        line-height: 1.4;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--jdc-text-muted, #6b7280);
        text-decoration: none;
        border: none;
        background: transparent;
        border-radius: 6px 6px 0 0;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        #main_section > header.tabized_overview .tabs li a::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: -1px;
          height: 2px;
          background: transparent;
          transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        #main_section > header.tabized_overview .tabs li a:hover {
          color: var(--jdc-text, #111827);
          background: var(--jdc-bg-subtle, #f1f2f4);
          text-decoration: none; }
          #main_section > header.tabized_overview .tabs li a:hover::after {
            background: var(--jdc-border-strong, #d1d5db); }
        #main_section > header.tabized_overview .tabs li a.selected {
          color: #018df0;
          background: transparent;
          font-weight: 600; }
          #main_section > header.tabized_overview .tabs li a.selected::after {
            background: #018df0; }

body#topics .topics, body#news .topics {
  border: none; }
  body#topics .topics > .no_element, body#news .topics > .no_element {
    padding: 48px 24px;
    text-align: center;
    color: var(--jdc-text-muted, #6b7280);
    background: var(--jdc-bg-subtle, #f1f2f4);
    border-radius: 12px;
    border: 1px dashed var(--jdc-border-strong, #d1d5db); }
body#topics article.topic, body#news article.topic {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 20px 24px 20px 28px;
  margin-bottom: 12px;
  display: flex;
  gap: 24px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
  body#topics article.topic::before, body#news article.topic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--jdc-border, #e5e7eb); }
  body#topics article.topic:hover, body#news article.topic:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-1px); }
  body#topics article.topic.topic--binary::before, body#news article.topic.topic--binary::before {
    background: linear-gradient(180deg, #15803d 0%, #15803d 50%, #018df0 50%, #018df0 100%); }
  body#topics article.topic.topic--binary .summary h3::after, body#news article.topic.topic--binary .summary h3::after {
    content: "Pour / Contre";
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--jdc-text-soft, #374151);
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 999px;
    vertical-align: middle;
    line-height: 1.4; }
  body#topics article.topic.topic--open::before, body#news article.topic.topic--open::before {
    background: #2563eb; }
  body#topics article.topic.topic--open .summary h3::after, body#news article.topic.topic--open .summary h3::after {
    content: "Ouvert";
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 999px;
    vertical-align: middle;
    line-height: 1.4; }
  body#topics article.topic .stat, body#news article.topic .stat {
    order: 2;
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: flex-start;
    cursor: pointer; }
    body#topics article.topic .stat > div, body#news article.topic .stat > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 64px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid transparent;
      color: var(--jdc-text-muted, #6b7280);
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      font-weight: 500;
      transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      body#topics article.topic .stat > div:hover, body#news article.topic .stat > div:hover {
        background: rgba(1, 141, 240, 0.08);
        border-color: rgba(1, 141, 240, 0.08); }
    body#topics article.topic .stat .count, body#news article.topic .stat .count {
      font-size: calc(0.9125rem + 0.45vw);
      margin-bottom: 2px;
      font-weight: 600;
      color: var(--jdc-text, #111827);
      letter-spacing: -0.01em; }
      @media (min-width: 1200px) {
        body#topics article.topic .stat .count, body#news article.topic .stat .count {
          font-size: 1.25rem; } }
  body#topics article.topic .summary, body#news article.topic .summary {
    order: 1;
    flex: 1 1 auto;
    min-width: 0; }
    body#topics article.topic .summary h3, body#news article.topic .summary h3 {
      margin: 0 0 10px 0;
      font-size: calc(0.89375rem + 0.225vw);
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.01em; }
      @media (min-width: 1200px) {
        body#topics article.topic .summary h3, body#news article.topic .summary h3 {
          font-size: 1.0625rem; } }
      body#topics article.topic .summary h3 a, body#news article.topic .summary h3 a {
        color: var(--jdc-text, #111827);
        text-decoration: none; }
        body#topics article.topic .summary h3 a:hover, body#news article.topic .summary h3 a:hover {
          color: #018df0;
          text-decoration: none; }
    body#topics article.topic .summary footer, body#news article.topic .summary footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 12px; }
      body#topics article.topic .summary footer .tags, body#news article.topic .summary footer .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px; }
        body#topics article.topic .summary footer .tags a, body#news article.topic .summary footer .tags a {
          background: var(--jdc-bg, #f7f7f8);
          border: 1px solid var(--jdc-border, #e5e7eb);
          color: var(--jdc-text-soft, #374151);
          padding: 3px 10px;
          border-radius: 999px;
          font-size: 0.75rem;
          text-decoration: none;
          transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
          body#topics article.topic .summary footer .tags a:hover, body#news article.topic .summary footer .tags a:hover {
            background: rgba(1, 141, 240, 0.08);
            border-color: rgba(1, 141, 240, 0.08);
            color: #018df0; }
      body#topics article.topic .summary footer .started .time, body#news article.topic .summary footer .started .time {
        font-size: 0.75rem;
        color: var(--jdc-text-muted, #6b7280);
        margin: 0; }
        body#topics article.topic .summary footer .started .time a.username, body#news article.topic .summary footer .started .time a.username {
          color: var(--jdc-text-soft, #374151);
          font-weight: 500; }
          body#topics article.topic .summary footer .started .time a.username:hover, body#news article.topic .summary footer .started .time a.username:hover {
            color: #018df0;
            text-decoration: none; }
body#topics .pagination, body#news .pagination {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap; }
  body#topics .pagination a, body#topics .pagination span, body#news .pagination a, body#news .pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    font-size: 0.8125rem;
    color: var(--jdc-text-soft, #374151);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#topics .pagination a:hover, body#topics .pagination span:hover, body#news .pagination a:hover, body#news .pagination span:hover {
      background: var(--jdc-bg-subtle, #f1f2f4);
      border-color: var(--jdc-border-strong, #d1d5db);
      color: var(--jdc-text, #111827); }
  body#topics .pagination .current, body#news .pagination .current {
    background: #018df0 !important;
    color: white !important;
    border-color: #018df0 !important;
    font-weight: 600; }
  body#topics .pagination .disabled, body#news .pagination .disabled {
    opacity: 0.4;
    pointer-events: none; }

.debate_meta_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 28px 0 32px;
  padding: 10px 0;
  border-top: 1px solid var(--jdc-border, #e5e7eb);
  font-size: 0.78125rem;
  color: var(--jdc-text-muted, #6b7280); }
  .debate_meta_bar__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px; }
  .debate_meta_bar .meta_stat {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: var(--jdc-text-muted, #6b7280); }
    .debate_meta_bar .meta_stat .count {
      font-weight: 700;
      color: var(--jdc-text-soft, #374151); }
  .debate_meta_bar a.meta_print {
    text-decoration: none;
    color: var(--jdc-text-muted, #6b7280); }
    .debate_meta_bar a.meta_print:hover {
      color: #018df0; }
  .debate_meta_bar__share {
    display: flex;
    align-items: center;
    gap: 8px; }
  .debate_meta_bar .meta_share {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    font-size: 0.71875rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    color: var(--jdc-text-soft, #374151);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 6px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .debate_meta_bar .meta_share .brand-icon {
      font-weight: 700; }
    .debate_meta_bar .meta_share:hover {
      border-color: var(--jdc-border-strong, #d1d5db);
      color: var(--jdc-text, #111827); }
    .debate_meta_bar .meta_share.x:hover {
      color: #000;
      border-color: #000; }
    .debate_meta_bar .meta_share.facebook:hover {
      color: #1877f2;
      border-color: #1877f2; }

body#show_topic .main_debate, body#show_answer .main_debate, body#show_argument .main_debate {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  margin: 0 0 32px 0;
  padding: 0;
  position: relative;
  overflow: hidden; }
  body#show_topic .main_debate::before, body#show_answer .main_debate::before, body#show_argument .main_debate::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #2563eb; }
  body#show_topic .main_debate > h1, body#show_answer .main_debate > h1, body#show_argument .main_debate > h1 {
    margin: 0;
    padding: 24px 28px 16px 32px;
    font-size: calc(0.95rem + 0.9vw);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--jdc-text, #111827);
    border: none;
    width: auto; }
    @media (min-width: 1200px) {
      body#show_topic .main_debate > h1, body#show_answer .main_debate > h1, body#show_argument .main_debate > h1 {
        font-size: 1.625rem; } }
    body#show_topic .main_debate > h1::before, body#show_answer .main_debate > h1::before, body#show_argument .main_debate > h1::before {
      content: "Discussion ouverte";
      display: inline-block;
      margin: 0 12px 8px 0;
      padding: 3px 10px;
      font-size: 0.6875rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #2563eb;
      background: rgba(37, 99, 235, 0.08);
      border: 1px solid rgba(37, 99, 235, 0.2);
      border-radius: 999px;
      vertical-align: middle;
      line-height: 1.4; }
  body#show_topic .main_debate > section, body#show_answer .main_debate > section, body#show_argument .main_debate > section {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 28px 28px 32px;
    gap: 24px;
    align-items: flex-start; }
    body#show_topic .main_debate > section > article, body#show_answer .main_debate > section > article, body#show_argument .main_debate > section > article {
      flex: 10 1 320px;
      min-width: 0; }
      body#show_topic .main_debate > section > article .development, body#show_answer .main_debate > section > article .development, body#show_argument .main_debate > section > article .development {
        font-size: calc(0.88125rem + 0.075vw);
        line-height: 1.7;
        color: var(--jdc-text-soft, #374151);
        word-wrap: break-word; }
        @media (min-width: 1200px) {
          body#show_topic .main_debate > section > article .development, body#show_answer .main_debate > section > article .development, body#show_argument .main_debate > section > article .development {
            font-size: 0.9375rem; } }
        body#show_topic .main_debate > section > article .development .intro_note, body#show_answer .main_debate > section > article .development .intro_note, body#show_argument .main_debate > section > article .development .intro_note {
          margin: 0 0 16px;
          padding: 10px 14px;
          font-size: 0.75rem;
          color: var(--jdc-text-muted, #6b7280);
          background: var(--jdc-bg-subtle, #f1f2f4);
          border-left: 3px solid var(--jdc-border-strong, #d1d5db);
          border-radius: 0 8px 8px 0;
          font-style: italic;
          line-height: 1.5; }
        body#show_topic .main_debate > section > article .development p, body#show_answer .main_debate > section > article .development p, body#show_argument .main_debate > section > article .development p {
          margin: 0 0 12px; }
        body#show_topic .main_debate > section > article .development .sources, body#show_answer .main_debate > section > article .development .sources, body#show_argument .main_debate > section > article .development .sources {
          margin-top: 24px;
          padding-top: 16px;
          border-top: 1px dashed var(--jdc-border, #e5e7eb); }
          body#show_topic .main_debate > section > article .development .sources h4, body#show_answer .main_debate > section > article .development .sources h4, body#show_argument .main_debate > section > article .development .sources h4 {
            font-size: 0.75rem !important;
            font-weight: 600 !important;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--jdc-text-muted, #6b7280) !important;
            margin-bottom: 8px; }
          body#show_topic .main_debate > section > article .development .sources ul, body#show_answer .main_debate > section > article .development .sources ul, body#show_argument .main_debate > section > article .development .sources ul {
            padding: 0;
            list-style: none; }
            body#show_topic .main_debate > section > article .development .sources ul li, body#show_answer .main_debate > section > article .development .sources ul li, body#show_argument .main_debate > section > article .development .sources ul li {
              font-size: 0.8125rem;
              margin-bottom: 4px; }
      body#show_topic .main_debate > section > article footer, body#show_answer .main_debate > section > article footer, body#show_argument .main_debate > section > article footer {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--jdc-border, #e5e7eb); }
        body#show_topic .main_debate > section > article footer .bottom, body#show_answer .main_debate > section > article footer .bottom, body#show_argument .main_debate > section > article footer .bottom {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 12px;
          margin-top: 0; }
          body#show_topic .main_debate > section > article footer .bottom .tags, body#show_answer .main_debate > section > article footer .bottom .tags, body#show_argument .main_debate > section > article footer .bottom .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            padding: 0;
            margin: 0; }
            body#show_topic .main_debate > section > article footer .bottom .tags a, body#show_answer .main_debate > section > article footer .bottom .tags a, body#show_argument .main_debate > section > article footer .bottom .tags a {
              background: var(--jdc-bg, #f7f7f8);
              border: 1px solid var(--jdc-border, #e5e7eb);
              color: var(--jdc-text-soft, #374151);
              padding: 3px 10px;
              border-radius: 999px;
              font-size: 0.75rem;
              text-decoration: none;
              transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
              body#show_topic .main_debate > section > article footer .bottom .tags a:hover, body#show_answer .main_debate > section > article footer .bottom .tags a:hover, body#show_argument .main_debate > section > article footer .bottom .tags a:hover {
                background: rgba(1, 141, 240, 0.08);
                border-color: rgba(1, 141, 240, 0.08);
                color: #018df0; }
          body#show_topic .main_debate > section > article footer .bottom .user_actions, body#show_answer .main_debate > section > article footer .bottom .user_actions, body#show_argument .main_debate > section > article footer .bottom .user_actions {
            font-size: 0.75rem;
            color: var(--jdc-text-muted, #6b7280);
            margin-left: auto; }
            body#show_topic .main_debate > section > article footer .bottom .user_actions a, body#show_topic .main_debate > section > article footer .bottom .user_actions span, body#show_answer .main_debate > section > article footer .bottom .user_actions a, body#show_answer .main_debate > section > article footer .bottom .user_actions span, body#show_argument .main_debate > section > article footer .bottom .user_actions a, body#show_argument .main_debate > section > article footer .bottom .user_actions span {
              color: var(--jdc-text-muted, #6b7280);
              cursor: pointer; }
              body#show_topic .main_debate > section > article footer .bottom .user_actions a:hover, body#show_topic .main_debate > section > article footer .bottom .user_actions span:hover, body#show_answer .main_debate > section > article footer .bottom .user_actions a:hover, body#show_answer .main_debate > section > article footer .bottom .user_actions span:hover, body#show_argument .main_debate > section > article footer .bottom .user_actions a:hover, body#show_argument .main_debate > section > article footer .bottom .user_actions span:hover {
                color: #018df0; }
    body#show_topic .main_debate > section .statistics, body#show_answer .main_debate > section .statistics, body#show_argument .main_debate > section .statistics {
      flex: 0 0 64px;
      order: -1;
      margin: 0;
      padding: 0;
      text-align: center; }
      body#show_topic .main_debate > section .statistics.statistics--lines, body#show_answer .main_debate > section .statistics.statistics--lines, body#show_argument .main_debate > section .statistics.statistics--lines {
        flex: 0 0 280px;
        min-width: 280px;
        text-align: left; }
      body#show_topic .main_debate > section .statistics .votes_btn, body#show_answer .main_debate > section .statistics .votes_btn, body#show_argument .main_debate > section .statistics .votes_btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        padding: 12px;
        background: var(--jdc-bg-subtle, #f1f2f4);
        border-radius: 8px;
        border: 1px solid var(--jdc-border, #e5e7eb); }
        body#show_topic .main_debate > section .statistics .votes_btn.votes_btn--lines, body#show_answer .main_debate > section .statistics .votes_btn.votes_btn--lines, body#show_argument .main_debate > section .statistics .votes_btn.votes_btn--lines {
          align-items: stretch;
          gap: 14px;
          padding: 16px;
          background: var(--jdc-surface-alt, #fafafb);
          border: 1px solid var(--jdc-border, #e5e7eb);
          border-radius: 12px; }
          body#show_topic .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions, body#show_answer .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions, body#show_argument .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 2px;
            padding-top: 14px;
            border-top: 1px solid var(--jdc-border, #e5e7eb); }
            body#show_topic .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"], body#show_answer .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"], body#show_argument .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"] {
              font-size: calc(0.9rem + 0.3vw);
              color: var(--jdc-text-muted, #6b7280); }
              @media (min-width: 1200px) {
                body#show_topic .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"], body#show_answer .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"], body#show_argument .main_debate > section .statistics .votes_btn.votes_btn--lines .subscriptions [class^="icons-"] {
                  font-size: 1.125rem; } }
        body#show_topic .main_debate > section .statistics .votes_btn .vote_up, body#show_topic .main_debate > section .statistics .votes_btn .vote_down, body#show_answer .main_debate > section .statistics .votes_btn .vote_up, body#show_answer .main_debate > section .statistics .votes_btn .vote_down, body#show_argument .main_debate > section .statistics .votes_btn .vote_up, body#show_argument .main_debate > section .statistics .votes_btn .vote_down {
          padding: 6px !important;
          cursor: pointer;
          border-radius: 6px;
          transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
          body#show_topic .main_debate > section .statistics .votes_btn .vote_up:hover, body#show_topic .main_debate > section .statistics .votes_btn .vote_down:hover, body#show_answer .main_debate > section .statistics .votes_btn .vote_up:hover, body#show_answer .main_debate > section .statistics .votes_btn .vote_down:hover, body#show_argument .main_debate > section .statistics .votes_btn .vote_up:hover, body#show_argument .main_debate > section .statistics .votes_btn .vote_down:hover {
            background: var(--jdc-surface, #ffffff); }
        body#show_topic .main_debate > section .statistics .votes_btn .score, body#show_answer .main_debate > section .statistics .votes_btn .score, body#show_argument .main_debate > section .statistics .votes_btn .score {
          font-size: calc(0.9125rem + 0.45vw) !important;
          font-weight: 700 !important;
          color: var(--jdc-text, #111827) !important;
          margin: 4px 0 !important; }
          @media (min-width: 1200px) {
            body#show_topic .main_debate > section .statistics .votes_btn .score, body#show_answer .main_debate > section .statistics .votes_btn .score, body#show_argument .main_debate > section .statistics .votes_btn .score {
              font-size: 1.25rem !important; } }
      body#show_topic .main_debate > section .statistics .subscriptions, body#show_answer .main_debate > section .statistics .subscriptions, body#show_argument .main_debate > section .statistics .subscriptions {
        margin-top: 16px; }
        body#show_topic .main_debate > section .statistics .subscriptions .subscriber_number, body#show_answer .main_debate > section .statistics .subscriptions .subscriber_number, body#show_argument .main_debate > section .statistics .subscriptions .subscriber_number {
          font-size: calc(0.88125rem + 0.075vw);
          color: var(--jdc-text-soft, #374151);
          font-weight: 600; }
          @media (min-width: 1200px) {
            body#show_topic .main_debate > section .statistics .subscriptions .subscriber_number, body#show_answer .main_debate > section .statistics .subscriptions .subscriber_number, body#show_argument .main_debate > section .statistics .subscriptions .subscriber_number {
              font-size: 0.9375rem; } }
    body#show_topic .main_debate > section .infos, body#show_answer .main_debate > section .infos, body#show_argument .main_debate > section .infos {
      flex: 0 0 200px;
      align-self: stretch;
      margin: 0;
      padding: 16px;
      background: var(--jdc-bg-subtle, #f1f2f4);
      border-radius: 8px;
      border: 1px solid var(--jdc-border, #e5e7eb);
      font-size: 0.8125rem;
      color: var(--jdc-text-muted, #6b7280); }
      body#show_topic .main_debate > section .infos > div p, body#show_answer .main_debate > section .infos > div p, body#show_argument .main_debate > section .infos > div p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 0;
        border-bottom: 1px solid var(--jdc-border, #e5e7eb);
        margin: 0; }
        body#show_topic .main_debate > section .infos > div p:last-child, body#show_answer .main_debate > section .infos > div p:last-child, body#show_argument .main_debate > section .infos > div p:last-child {
          border-bottom: none; }
        body#show_topic .main_debate > section .infos > div p .count, body#show_answer .main_debate > section .infos > div p .count, body#show_argument .main_debate > section .infos > div p .count {
          font-weight: 600;
          color: var(--jdc-text, #111827);
          font-size: calc(0.88125rem + 0.075vw); }
          @media (min-width: 1200px) {
            body#show_topic .main_debate > section .infos > div p .count, body#show_answer .main_debate > section .infos > div p .count, body#show_argument .main_debate > section .infos > div p .count {
              font-size: 0.9375rem; } }
        body#show_topic .main_debate > section .infos > div p a, body#show_answer .main_debate > section .infos > div p a, body#show_argument .main_debate > section .infos > div p a {
          color: var(--jdc-text-soft, #374151);
          text-decoration: none; }
          body#show_topic .main_debate > section .infos > div p a:hover, body#show_answer .main_debate > section .infos > div p a:hover, body#show_argument .main_debate > section .infos > div p a:hover {
            color: #018df0; }
      body#show_topic .main_debate > section .infos .vote_summary, body#show_answer .main_debate > section .infos .vote_summary, body#show_argument .main_debate > section .infos .vote_summary {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--jdc-border, #e5e7eb); }
      body#show_topic .main_debate > section .infos .share_box, body#show_answer .main_debate > section .infos .share_box, body#show_argument .main_debate > section .infos .share_box {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--jdc-border, #e5e7eb); }
        body#show_topic .main_debate > section .infos .share_box .box, body#show_answer .main_debate > section .infos .share_box .box, body#show_argument .main_debate > section .infos .share_box .box {
          display: block;
          margin: 6px 0; }
  body#show_topic .main_debate.closed, body#show_answer .main_debate.closed, body#show_argument .main_debate.closed {
    opacity: 0.95; }
    body#show_topic .main_debate.closed::before, body#show_answer .main_debate.closed::before, body#show_argument .main_debate.closed::before {
      background: var(--jdc-text-muted, #6b7280); }
  body#show_topic .main_debate.deleted, body#show_answer .main_debate.deleted, body#show_argument .main_debate.deleted {
    opacity: 0.5; }
body#show_topic.binary .main_debate::before, body#show_answer.binary .main_debate::before, body#show_argument.binary .main_debate::before {
  background: linear-gradient(180deg, #15803d 0%, #15803d 50%, #018df0 50%, #018df0 100%); }
body#show_topic.binary .main_debate > h1::before, body#show_answer.binary .main_debate > h1::before, body#show_argument.binary .main_debate > h1::before {
  content: "Débat Pour / Contre";
  color: var(--jdc-text-soft, #374151);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border-color: var(--jdc-border, #e5e7eb); }
body#show_topic .panel .tabized_overview, body#show_answer .panel .tabized_overview, body#show_argument .panel .tabized_overview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  body#show_topic .panel .tabized_overview h2, body#show_answer .panel .tabized_overview h2, body#show_argument .panel .tabized_overview h2 {
    margin: 0;
    font-size: calc(0.9rem + 0.3vw);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--jdc-text, #111827);
    flex: 1 0 100%; }
    @media (min-width: 1200px) {
      body#show_topic .panel .tabized_overview h2, body#show_answer .panel .tabized_overview h2, body#show_argument .panel .tabized_overview h2 {
        font-size: 1.125rem; } }
  body#show_topic .panel .tabized_overview .tabs, body#show_answer .panel .tabized_overview .tabs, body#show_argument .panel .tabized_overview .tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
    flex-shrink: 1;
    min-width: 0;
    justify-content: flex-end; }
    body#show_topic .panel .tabized_overview .tabs li, body#show_answer .panel .tabized_overview .tabs li, body#show_argument .panel .tabized_overview .tabs li {
      margin: 0;
      padding: 0;
      height: auto;
      flex-shrink: 0; }
      body#show_topic .panel .tabized_overview .tabs li a, body#show_answer .panel .tabized_overview .tabs li a, body#show_argument .panel .tabized_overview .tabs li a {
        display: inline-block;
        padding: 4px 8px;
        font-size: 0.75rem;
        font-weight: 500;
        color: var(--jdc-text-muted, #6b7280);
        background: transparent;
        border: 1px solid transparent;
        border-radius: 8px;
        text-decoration: none;
        margin: 0;
        line-height: 1.4;
        white-space: nowrap;
        transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        body#show_topic .panel .tabized_overview .tabs li a:hover, body#show_answer .panel .tabized_overview .tabs li a:hover, body#show_argument .panel .tabized_overview .tabs li a:hover {
          background: var(--jdc-bg-subtle, #f1f2f4);
          color: var(--jdc-text, #111827); }
        body#show_topic .panel .tabized_overview .tabs li a.selected, body#show_answer .panel .tabized_overview .tabs li a.selected, body#show_argument .panel .tabized_overview .tabs li a.selected {
          background: rgba(1, 141, 240, 0.08);
          color: #018df0;
          font-weight: 600;
          font-size: 0.75rem; }
body#show_topic .answers_list, body#show_answer .answers_list, body#show_argument .answers_list {
  margin-bottom: 32px; }
  body#show_topic .answers_list > .panel_target, body#show_answer .answers_list > .panel_target, body#show_argument .answers_list > .panel_target {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  body#show_topic .answers_list .answer, body#show_answer .answers_list .answer, body#show_argument .answers_list .answer {
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    padding: 20px 24px;
    margin: 0;
    display: flex;
    gap: 20px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04); }
    body#show_topic .answers_list .answer:hover, body#show_answer .answers_list .answer:hover, body#show_argument .answers_list .answer:hover {
      border-color: var(--jdc-border-strong, #d1d5db);
      box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }
    body#show_topic .answers_list .answer > article, body#show_answer .answers_list .answer > article, body#show_argument .answers_list .answer > article {
      flex: 0 0 300px;
      background: var(--jdc-surface, #ffffff);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 8px;
      box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
      padding: 16px;
      margin: 54px 0 0;
      align-self: flex-start;
      position: sticky;
      top: 62px;
      max-height: calc(100vh - 78px);
      overflow: auto;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 14px; }
      body#show_topic .answers_list .answer > article .score_col, body#show_answer .answers_list .answer > article .score_col, body#show_argument .answers_list .answer > article .score_col {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-width: 52px;
        padding: 10px 8px;
        background: var(--jdc-bg-subtle, #f1f2f4);
        border: 1px solid var(--jdc-border, #e5e7eb);
        border-radius: 6px; }
        body#show_topic .answers_list .answer > article .score_col .score, body#show_answer .answers_list .answer > article .score_col .score, body#show_argument .answers_list .answer > article .score_col .score {
          font-size: calc(0.925rem + 0.6vw);
          font-weight: 800;
          color: var(--jdc-text, #111827);
          line-height: 1;
          margin: 0; }
          @media (min-width: 1200px) {
            body#show_topic .answers_list .answer > article .score_col .score, body#show_answer .answers_list .answer > article .score_col .score, body#show_argument .answers_list .answer > article .score_col .score {
              font-size: 1.375rem; } }
        body#show_topic .answers_list .answer > article .score_col .score_lbl, body#show_answer .answers_list .answer > article .score_col .score_lbl, body#show_argument .answers_list .answer > article .score_col .score_lbl {
          font-size: 0.625rem;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: var(--jdc-text-muted, #6b7280); }
      body#show_topic .answers_list .answer > article .answer_body, body#show_answer .answers_list .answer > article .answer_body, body#show_argument .answers_list .answer > article .answer_body {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 14px; }
        body#show_topic .answers_list .answer > article .answer_body .vlines, body#show_answer .answers_list .answer > article .answer_body .vlines, body#show_argument .answers_list .answer > article .answer_body .vlines {
          margin-top: 2px;
          padding-top: 14px;
          border-top: 1px solid var(--jdc-border, #e5e7eb); }
        body#show_topic .answers_list .answer > article .answer_body h2, body#show_answer .answers_list .answer > article .answer_body h2, body#show_argument .answers_list .answer > article .answer_body h2 {
          margin: 0;
          font-size: calc(0.88125rem + 0.075vw);
          font-weight: 600;
          letter-spacing: -0.01em;
          line-height: 1.35; }
          @media (min-width: 1200px) {
            body#show_topic .answers_list .answer > article .answer_body h2, body#show_answer .answers_list .answer > article .answer_body h2, body#show_argument .answers_list .answer > article .answer_body h2 {
              font-size: 0.9375rem; } }
          body#show_topic .answers_list .answer > article .answer_body h2 a, body#show_answer .answers_list .answer > article .answer_body h2 a, body#show_argument .answers_list .answer > article .answer_body h2 a {
            color: var(--jdc-text, #111827);
            text-decoration: none; }
            body#show_topic .answers_list .answer > article .answer_body h2 a:hover, body#show_answer .answers_list .answer > article .answer_body h2 a:hover, body#show_argument .answers_list .answer > article .answer_body h2 a:hover {
              color: #018df0; }
        body#show_topic .answers_list .answer > article .answer_body .meta, body#show_answer .answers_list .answer > article .answer_body .meta, body#show_argument .answers_list .answer > article .answer_body .meta {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 10px;
          font-size: 0.75rem;
          color: var(--jdc-text-muted, #6b7280); }
          body#show_topic .answers_list .answer > article .answer_body .meta .unchallenged, body#show_answer .answers_list .answer > article .answer_body .meta .unchallenged, body#show_argument .answers_list .answer > article .answer_body .meta .unchallenged {
            margin: 0;
            color: var(--jdc-text-muted, #6b7280); }
    body#show_topic .answers_list .answer > aside, body#show_answer .answers_list .answer > aside, body#show_argument .answers_list .answer > aside {
      flex: 1 1 auto;
      min-width: 0; }
body#show_topic .vlines, body#show_answer .vlines, body#show_argument .vlines {
  display: flex;
  flex-direction: column;
  gap: 14px; }
body#show_topic .vline, body#show_answer .vline, body#show_argument .vline {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0; }
body#show_topic .v_head, body#show_answer .v_head, body#show_argument .v_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0; }
body#show_topic .v_title, body#show_answer .v_title, body#show_argument .v_title {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0; }
  body#show_topic .v_title .v_ico, body#show_answer .v_title .v_ico, body#show_argument .v_title .v_ico {
    font-size: 0.8125rem; }
  body#show_topic .v_title .v_name, body#show_answer .v_title .v_name, body#show_argument .v_title .v_name {
    font-size: 0.78125rem;
    font-weight: 700;
    color: var(--jdc-text, #111827);
    line-height: 1.2; }
  body#show_topic .v_title .v_sub, body#show_answer .v_title .v_sub, body#show_argument .v_title .v_sub {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--jdc-text-faint, #9ca3af);
    line-height: 1.2; }
  body#show_topic .v_title .v10-tip-btn, body#show_answer .v_title .v10-tip-btn, body#show_argument .v_title .v10-tip-btn {
    margin-left: 2px; }
body#show_topic .vbtns, body#show_answer .vbtns, body#show_argument .vbtns {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto; }
  body#show_topic .vbtns a, body#show_answer .vbtns a, body#show_argument .vbtns a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 4px 10px;
    font-size: 0.71875rem;
    font-weight: 700;
    line-height: 1;
    color: var(--jdc-text-soft, #374151);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#show_topic .vbtns a:hover, body#show_answer .vbtns a:hover, body#show_argument .vbtns a:hover {
      border-color: var(--jdc-border-strong, #d1d5db);
      background: var(--jdc-bg-subtle, #f1f2f4); }
    body#show_topic .vbtns a [class^="icons-"], body#show_answer .vbtns a [class^="icons-"], body#show_argument .vbtns a [class^="icons-"] {
      font-size: 0.8125rem; }
    body#show_topic .vbtns a .mark, body#show_answer .vbtns a .mark, body#show_argument .vbtns a .mark {
      font-weight: 800; }
  body#show_topic .vbtns .vcount, body#show_answer .vbtns .vcount, body#show_argument .vbtns .vcount {
    font-size: 0.71875rem;
    font-weight: 800;
    color: var(--jdc-text, #111827);
    min-width: 8px;
    text-align: right; }
body#show_topic .vline .progress, body#show_answer .vline .progress, body#show_argument .vline .progress {
  width: 100% !important;
  height: 16px;
  margin: 0;
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 999px;
  overflow: hidden;
  background-clip: padding-box; }
  body#show_topic .vline .progress .bg, body#show_answer .vline .progress .bg, body#show_argument .vline .progress .bg {
    border-radius: 0; }
  body#show_topic .vline .progress p, body#show_answer .vline .progress p, body#show_argument .vline .progress p {
    color: var(--jdc-text, #111827);
    font-size: 0.6875rem;
    line-height: 14px;
    font-weight: 800;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.9), 0 0 2px rgba(255, 255, 255, 0.9); }
body#show_topic .vline--quality .vbtns a.vote_up.vote_up-active, body#show_answer .vline--quality .vbtns a.vote_up.vote_up-active, body#show_argument .vline--quality .vbtns a.vote_up.vote_up-active {
  color: #15803d;
  border-color: rgba(21, 128, 61, 0.4);
  background: rgba(21, 128, 61, 0.08); }
body#show_topic .vline--quality .vbtns a.vote_down.vote_down-active, body#show_answer .vline--quality .vbtns a.vote_down.vote_down-active, body#show_argument .vline--quality .vbtns a.vote_down.vote_down-active {
  color: #018df0;
  border-color: rgba(1, 141, 240, 0.4);
  background: rgba(1, 141, 240, 0.08); }
body#show_topic .vline--adhesion .vbtns a.adhesion_up.adhesion-active, body#show_answer .vline--adhesion .vbtns a.adhesion_up.adhesion-active, body#show_argument .vline--adhesion .vbtns a.adhesion_up.adhesion-active {
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(37, 99, 235, 0.08); }
body#show_topic .vline--adhesion .vbtns a.adhesion_down.adhesion-active, body#show_answer .vline--adhesion .vbtns a.adhesion_down.adhesion-active, body#show_argument .vline--adhesion .vbtns a.adhesion_down.adhesion-active {
  color: #018df0;
  border-color: rgba(1, 141, 240, 0.4);
  background: rgba(1, 141, 240, 0.08); }
@media (max-width: 760px) {
  body#show_topic .vlines, body#show_answer .vlines, body#show_argument .vlines {
    gap: 12px; } }
body#show_topic .progress_blue, body#show_answer .progress_blue, body#show_argument .progress_blue {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmZTBmYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(0deg, #eff6ff 0%, #cfe0fb 100%);
  background: -webkit-linear-gradient(0deg, #eff6ff 0%, #cfe0fb 100%);
  background: linear-gradient(90deg, #eff6ff 0%, #cfe0fb 100%); }
  body#show_topic .progress_blue .bg, body#show_answer .progress_blue .bg, body#show_argument .progress_blue .bg {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjhmZiIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMjU2M2ViIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTEzNWE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -moz-linear-gradient(0deg, #7db8ff 0%, #2563eb 55%, #1135a8 100%);
    background: -webkit-linear-gradient(0deg, #7db8ff 0%, #2563eb 55%, #1135a8 100%);
    background: linear-gradient(90deg, #7db8ff 0%, #2563eb 55%, #1135a8 100%); }
body#show_topic .answers_list_binary, body#show_answer .answers_list_binary, body#show_argument .answers_list_binary {
  margin-bottom: 32px;
  white-space: normal; }
  body#show_topic .answers_list_binary > .panel_target, body#show_answer .answers_list_binary > .panel_target, body#show_argument .answers_list_binary > .panel_target {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    gap: 16px 20px;
    align-items: stretch; }
  body#show_topic .answers_list_binary .answer, body#show_answer .answers_list_binary .answer, body#show_argument .answers_list_binary .answer {
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-right: 1px solid var(--jdc-border, #e5e7eb) !important;
    border-radius: 12px;
    padding: 20px;
    margin: 0;
    box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: 100%; }
    body#show_topic .answers_list_binary .answer.agree, body#show_answer .answers_list_binary .answer.agree, body#show_argument .answers_list_binary .answer.agree {
      grid-column: 1;
      border-top: 3px solid #15803d; }
    body#show_topic .answers_list_binary .answer.disagree, body#show_answer .answers_list_binary .answer.disagree, body#show_argument .answers_list_binary .answer.disagree {
      grid-column: 2;
      border-top: 3px solid #018df0; }
    body#show_topic .answers_list_binary .answer > section:last-child, body#show_answer .answers_list_binary .answer > section:last-child, body#show_argument .answers_list_binary .answer > section:last-child {
      padding-top: 16px; }
    body#show_topic .answers_list_binary .answer .answer_block, body#show_answer .answers_list_binary .answer .answer_block, body#show_argument .answers_list_binary .answer .answer_block {
      position: relative; }
      body#show_topic .answers_list_binary .answer .answer_block .votable, body#show_answer .answers_list_binary .answer .answer_block .votable, body#show_argument .answers_list_binary .answer .answer_block .votable {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important; }
        body#show_topic .answers_list_binary .answer .answer_block .votable article, body#show_answer .answers_list_binary .answer .answer_block .votable article, body#show_argument .answers_list_binary .answer .answer_block .votable article {
          padding: 0 !important;
          width: 100% !important;
          position: static; }
          body#show_topic .answers_list_binary .answer .answer_block .votable article h2, body#show_answer .answers_list_binary .answer .answer_block .votable article h2, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: calc(0.9rem + 0.3vw) !important;
            font-weight: 700;
            line-height: 1.3; }
            @media (min-width: 1200px) {
              body#show_topic .answers_list_binary .answer .answer_block .votable article h2, body#show_answer .answers_list_binary .answer .answer_block .votable article h2, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 {
                font-size: 1.125rem !important; } }
            body#show_topic .answers_list_binary .answer .answer_block .votable article h2 > a, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 > a, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 > a {
              display: inline-block;
              text-decoration: none; }
              body#show_topic .answers_list_binary .answer .answer_block .votable article h2 > a:hover, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 > a:hover, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 > a:hover {
                text-decoration: none; }
            body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn {
              position: absolute;
              top: 0;
              right: 0;
              display: inline-flex;
              align-items: center;
              gap: 6px;
              padding: 4px 10px;
              margin: 0;
              background: var(--jdc-bg-subtle, #f1f2f4);
              border: 1px solid var(--jdc-border, #e5e7eb);
              border-radius: 999px;
              font-size: 0.8125rem;
              color: var(--jdc-text-soft, #374151);
              font-weight: 500;
              transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
              body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn:hover, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn:hover, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn:hover {
                background: var(--jdc-surface, #ffffff);
                border-color: var(--jdc-border-strong, #d1d5db); }
              body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div {
                display: inline-flex;
                align-items: center;
                line-height: 1; }
                body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a {
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  color: var(--jdc-text-muted, #6b7280);
                  line-height: 1; }
                  body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_up, body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_down, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_up, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_down, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_up, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn > div a .icons-vote_down {
                    display: inline-block;
                    vertical-align: middle; }
              body#show_topic .answers_list_binary .answer .answer_block .votable article h2 .votes_btn .score, body#show_answer .answers_list_binary .answer .answer_block .votable article h2 .votes_btn .score, body#show_argument .answers_list_binary .answer .answer_block .votable article h2 .votes_btn .score {
                font-size: 0.8125rem;
                color: var(--jdc-text, #111827);
                font-weight: 700;
                margin: 0;
                padding: 0; }
          body#show_topic .answers_list_binary .answer .answer_block .votable article .stat_slide, body#show_answer .answers_list_binary .answer .answer_block .votable article .stat_slide, body#show_argument .answers_list_binary .answer .answer_block .votable article .stat_slide {
            position: absolute !important;
            top: 100% !important;
            right: 0 !important;
            left: auto;
            height: auto !important;
            min-width: 220px !important;
            white-space: nowrap;
            padding: 10px 14px !important;
            margin-top: 4px;
            background: var(--jdc-surface, #ffffff) !important;
            color: var(--jdc-text, #111827) !important;
            border: 1px solid var(--jdc-border, #e5e7eb) !important;
            border-radius: 8px !important;
            box-shadow: 0 4px 16px rgba(17, 24, 39, 0.12) !important;
            font-size: 0.75rem !important;
            font-weight: 500 !important;
            z-index: 10; }
            body#show_topic .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p, body#show_answer .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p, body#show_argument .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p {
              margin: 4px 0 !important;
              color: var(--jdc-text-soft, #374151);
              display: flex !important;
              align-items: center;
              justify-content: space-between;
              gap: 12px; }
              body#show_topic .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p span, body#show_answer .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p span, body#show_argument .answers_list_binary .answer .answer_block .votable article .stat_slide > div > p span {
                font-weight: 700;
                color: var(--jdc-text, #111827); }
            body#show_topic .answers_list_binary .answer .answer_block .votable article .stat_slide .vote_summary, body#show_answer .answers_list_binary .answer .answer_block .votable article .stat_slide .vote_summary, body#show_argument .answers_list_binary .answer .answer_block .votable article .stat_slide .vote_summary {
              margin-top: 8px; }
    body#show_topic .answers_list_binary .answer .arguments_list, body#show_answer .answers_list_binary .answer .arguments_list, body#show_argument .answers_list_binary .answer .arguments_list {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px dashed var(--jdc-border, #e5e7eb); }
      body#show_topic .answers_list_binary .answer .arguments_list .votable, body#show_answer .answers_list_binary .answer .arguments_list .votable, body#show_argument .answers_list_binary .answer .arguments_list .votable {
        background: var(--jdc-surface, #ffffff) !important;
        border: 1px solid var(--jdc-border, #e5e7eb) !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04) !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        cursor: pointer;
        overflow: hidden;
        transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        body#show_topic .answers_list_binary .answer .arguments_list .votable:hover, body#show_answer .answers_list_binary .answer .arguments_list .votable:hover, body#show_argument .answers_list_binary .answer .arguments_list .votable:hover {
          border-color: var(--jdc-border-strong, #d1d5db) !important;
          box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06) !important; }
        body#show_topic .answers_list_binary .answer .arguments_list .votable article, body#show_answer .answers_list_binary .answer .arguments_list .votable article, body#show_argument .answers_list_binary .answer .arguments_list .votable article {
          position: relative;
          padding: 14px 16px 12px !important;
          width: 100% !important;
          display: flex;
          flex-direction: column;
          gap: 10px; }
          body#show_topic .answers_list_binary .answer .arguments_list .votable article h2, body#show_answer .answers_list_binary .answer .arguments_list .votable article h2, body#show_argument .answers_list_binary .answer .arguments_list .votable article h2 {
            margin: 0;
            padding: 0;
            font-size: 0.875rem !important;
            font-weight: 600;
            line-height: 1.4;
            padding-right: 70px; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article h2 a, body#show_answer .answers_list_binary .answer .arguments_list .votable article h2 a, body#show_argument .answers_list_binary .answer .arguments_list .votable article h2 a {
              color: var(--jdc-text, #111827) !important;
              text-decoration: none; }
              body#show_topic .answers_list_binary .answer .arguments_list .votable article h2 a:hover, body#show_answer .answers_list_binary .answer .arguments_list .votable article h2 a:hover, body#show_argument .answers_list_binary .answer .arguments_list .votable article h2 a:hover {
                color: #018df0 !important; }
          body#show_topic .answers_list_binary .answer .arguments_list .votable article .relation_badge, body#show_answer .answers_list_binary .answer .arguments_list .votable article .relation_badge, body#show_argument .answers_list_binary .answer .arguments_list .votable article .relation_badge {
            display: inline-block;
            padding: 2px 8px;
            font-size: 0.625rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--jdc-text-muted, #6b7280);
            background: var(--jdc-bg-subtle, #f1f2f4);
            border: 1px solid var(--jdc-border, #e5e7eb);
            border-radius: 999px;
            margin: 0; }
          body#show_topic .answers_list_binary .answer .arguments_list .votable article .aim_argument, body#show_answer .answers_list_binary .answer .arguments_list .votable article .aim_argument, body#show_argument .answers_list_binary .answer .arguments_list .votable article .aim_argument {
            position: absolute;
            top: 11px;
            right: 12px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 10px;
            margin: 0;
            font-size: 0.71875rem;
            font-weight: 700;
            line-height: 1;
            border-radius: 6px;
            background: var(--jdc-surface, #ffffff);
            color: var(--jdc-text-soft, #374151);
            border: 1px solid var(--jdc-border, #e5e7eb);
            cursor: pointer;
            white-space: nowrap;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .aim_argument:before, body#show_answer .answers_list_binary .answer .arguments_list .votable article .aim_argument:before, body#show_argument .answers_list_binary .answer .arguments_list .votable article .aim_argument:before {
              content: "🎯";
              font-size: 0.8125rem;
              line-height: 1; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .aim_argument:hover, body#show_answer .answers_list_binary .answer .arguments_list .votable article .aim_argument:hover, body#show_argument .answers_list_binary .answer .arguments_list .votable article .aim_argument:hover {
              background: rgba(1, 141, 240, 0.08);
              color: #018df0;
              border-color: rgba(1, 141, 240, 0.3); }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed, body#show_answer .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed, body#show_argument .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed {
              background: #018df0 !important;
              color: #fff !important;
              border-color: #018df0 !important; }
              body#show_topic .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed:before, body#show_answer .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed:before, body#show_argument .answers_list_binary .answer .arguments_list .votable article .aim_argument.aimed:before {
                content: "✓"; }
          body#show_topic .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline, body#show_answer .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline, body#show_argument .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline {
            display: flex;
            align-items: center;
            gap: 6px;
            margin: 0;
            padding: 0;
            width: 100%; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p, body#show_answer .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p, body#show_argument .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p {
              display: inline-flex;
              align-items: center;
              gap: 3px;
              margin: 0;
              font-size: 0.75rem;
              font-weight: 600;
              flex-shrink: 0; }
              body#show_topic .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p svg, body#show_answer .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p svg, body#show_argument .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline > p svg {
                width: 14px;
                height: 14px; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline .progress, body#show_answer .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline .progress, body#show_argument .answers_list_binary .answer .arguments_list .votable article .vote_summary_inline .progress {
              flex: 1 1 auto;
              min-width: 60px; }
          body#show_topic .answers_list_binary .answer .arguments_list .votable article .stat_slide, body#show_answer .answers_list_binary .answer .arguments_list .votable article .stat_slide, body#show_argument .answers_list_binary .answer .arguments_list .votable article .stat_slide {
            position: absolute !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            height: auto !important;
            width: auto !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 12px 16px !important;
            background: rgba(31, 41, 55, 0.95) !important;
            color: #e5e7eb !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            font-size: 0.75rem !important;
            font-weight: 500 !important;
            z-index: 10; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p, body#show_answer .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p, body#show_argument .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p {
              margin: 3px 0 !important;
              color: #e5e7eb;
              display: flex !important;
              align-items: center;
              justify-content: space-between;
              gap: 16px; }
              body#show_topic .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p span, body#show_answer .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p span, body#show_argument .answers_list_binary .answer .arguments_list .votable article .stat_slide > div > p span {
                font-weight: 700;
                color: #fff; }
            body#show_topic .answers_list_binary .answer .arguments_list .votable article .stat_slide .vote_summary, body#show_answer .answers_list_binary .answer .arguments_list .votable article .stat_slide .vote_summary, body#show_argument .answers_list_binary .answer .arguments_list .votable article .stat_slide .vote_summary {
              margin-top: 8px; }
body#show_topic .btn_to_reply, body#show_answer .btn_to_reply, body#show_argument .btn_to_reply {
  margin: 20px 0 0;
  text-align: center; }
  body#show_topic .btn_to_reply input, body#show_answer .btn_to_reply input, body#show_argument .btn_to_reply input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 220px;
    padding: 11px 24px;
    background: rgba(1, 141, 240, 0.08) !important;
    background-image: none !important;
    color: #018df0 !important;
    border: 1px solid rgba(1, 141, 240, 0.35) !important;
    border-radius: 8px;
    box-shadow: none !important;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: -0.005em;
    cursor: pointer;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#show_topic .btn_to_reply input:hover, body#show_topic .btn_to_reply input:focus, body#show_answer .btn_to_reply input:hover, body#show_answer .btn_to_reply input:focus, body#show_argument .btn_to_reply input:hover, body#show_argument .btn_to_reply input:focus {
      background: rgba(1, 141, 240, 0.14) !important;
      background-image: none !important;
      border-color: #018df0 !important;
      color: #018df0 !important; }
body#show_topic .answers_list_binary .answer.agree .btn_to_reply input, body#show_answer .answers_list_binary .answer.agree .btn_to_reply input, body#show_argument .answers_list_binary .answer.agree .btn_to_reply input {
  background: rgba(21, 128, 61, 0.08) !important;
  color: #15803d !important;
  border-color: rgba(21, 128, 61, 0.35) !important; }
  body#show_topic .answers_list_binary .answer.agree .btn_to_reply input:hover, body#show_topic .answers_list_binary .answer.agree .btn_to_reply input:focus, body#show_answer .answers_list_binary .answer.agree .btn_to_reply input:hover, body#show_answer .answers_list_binary .answer.agree .btn_to_reply input:focus, body#show_argument .answers_list_binary .answer.agree .btn_to_reply input:hover, body#show_argument .answers_list_binary .answer.agree .btn_to_reply input:focus {
    background: rgba(21, 128, 61, 0.14) !important;
    border-color: #15803d !important;
    color: #15803d !important; }
body#show_topic .answers_list_binary .answer.disagree .btn_to_reply input, body#show_answer .answers_list_binary .answer.disagree .btn_to_reply input, body#show_argument .answers_list_binary .answer.disagree .btn_to_reply input {
  background: rgba(1, 141, 240, 0.08) !important;
  color: #018df0 !important;
  border-color: rgba(1, 141, 240, 0.35) !important; }
  body#show_topic .answers_list_binary .answer.disagree .btn_to_reply input:hover, body#show_topic .answers_list_binary .answer.disagree .btn_to_reply input:focus, body#show_answer .answers_list_binary .answer.disagree .btn_to_reply input:hover, body#show_answer .answers_list_binary .answer.disagree .btn_to_reply input:focus, body#show_argument .answers_list_binary .answer.disagree .btn_to_reply input:hover, body#show_argument .answers_list_binary .answer.disagree .btn_to_reply input:focus {
    background: rgba(1, 141, 240, 0.14) !important;
    border-color: #018df0 !important;
    color: #018df0 !important; }
body#show_topic .form_to_reply, body#show_answer .form_to_reply, body#show_argument .form_to_reply {
  margin: 24px 0; }
  body#show_topic .form_to_reply .form, body#show_answer .form_to_reply .form, body#show_argument .form_to_reply .form {
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    padding: 24px;
    margin: 0; }
body#show_topic #new_arg .claim_type_examples, body#show_topic .form_to_reply .claim_type_examples, body#show_answer #new_arg .claim_type_examples, body#show_answer .form_to_reply .claim_type_examples, body#show_argument #new_arg .claim_type_examples, body#show_argument .form_to_reply .claim_type_examples {
  list-style: none;
  padding: 0;
  margin: 8px 0 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px; }
  body#show_topic #new_arg .claim_type_examples li, body#show_topic .form_to_reply .claim_type_examples li, body#show_answer #new_arg .claim_type_examples li, body#show_answer .form_to_reply .claim_type_examples li, body#show_argument #new_arg .claim_type_examples li, body#show_argument .form_to_reply .claim_type_examples li {
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.75rem;
    line-height: 1.4; }
    body#show_topic #new_arg .claim_type_examples li strong, body#show_topic .form_to_reply .claim_type_examples li strong, body#show_answer #new_arg .claim_type_examples li strong, body#show_answer .form_to_reply .claim_type_examples li strong, body#show_argument #new_arg .claim_type_examples li strong, body#show_argument .form_to_reply .claim_type_examples li strong {
      display: block;
      color: var(--jdc-text, #111827);
      margin-bottom: 2px; }
    body#show_topic #new_arg .claim_type_examples li span, body#show_topic .form_to_reply .claim_type_examples li span, body#show_answer #new_arg .claim_type_examples li span, body#show_answer .form_to_reply .claim_type_examples li span, body#show_argument #new_arg .claim_type_examples li span, body#show_argument .form_to_reply .claim_type_examples li span {
      color: var(--jdc-text-muted, #6b7280); }
body#show_topic #new_arg .aimed_targets, body#show_topic .form_to_reply .aimed_targets, body#show_answer #new_arg .aimed_targets, body#show_answer .form_to_reply .aimed_targets, body#show_argument #new_arg .aimed_targets, body#show_argument .form_to_reply .aimed_targets {
  margin: 16px 0; }
  body#show_topic #new_arg .aimed_targets h2, body#show_topic .form_to_reply .aimed_targets h2, body#show_answer #new_arg .aimed_targets h2, body#show_answer .form_to_reply .aimed_targets h2, body#show_argument #new_arg .aimed_targets h2, body#show_argument .form_to_reply .aimed_targets h2 {
    margin: 0 0 4px; }
    body#show_topic #new_arg .aimed_targets h2 small, body#show_topic .form_to_reply .aimed_targets h2 small, body#show_answer #new_arg .aimed_targets h2 small, body#show_answer .form_to_reply .aimed_targets h2 small, body#show_argument #new_arg .aimed_targets h2 small, body#show_argument .form_to_reply .aimed_targets h2 small {
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280);
      font-weight: normal; }
  body#show_topic #new_arg .aimed_targets .hint, body#show_topic .form_to_reply .aimed_targets .hint, body#show_answer #new_arg .aimed_targets .hint, body#show_answer .form_to_reply .aimed_targets .hint, body#show_argument #new_arg .aimed_targets .hint, body#show_argument .form_to_reply .aimed_targets .hint {
    font-size: 0.75rem;
    color: var(--jdc-text-muted, #6b7280);
    margin: 0 0 8px; }
  body#show_topic #new_arg .aimed_targets .aimed_list, body#show_topic .form_to_reply .aimed_targets .aimed_list, body#show_answer #new_arg .aimed_targets .aimed_list, body#show_answer .form_to_reply .aimed_targets .aimed_list, body#show_argument #new_arg .aimed_targets .aimed_list, body#show_argument .form_to_reply .aimed_targets .aimed_list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 32px;
    padding: 6px;
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px dashed var(--jdc-border-strong, #d1d5db);
    border-radius: 8px; }
    body#show_topic #new_arg .aimed_targets .aimed_list .empty_msg, body#show_topic .form_to_reply .aimed_targets .aimed_list .empty_msg, body#show_answer #new_arg .aimed_targets .aimed_list .empty_msg, body#show_answer .form_to_reply .aimed_targets .aimed_list .empty_msg, body#show_argument #new_arg .aimed_targets .aimed_list .empty_msg, body#show_argument .form_to_reply .aimed_targets .aimed_list .empty_msg {
      margin: 4px 8px;
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280);
      font-style: italic; }
    body#show_topic #new_arg .aimed_targets .aimed_list .target_chip, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      max-width: 100%;
      padding: 4px 4px 4px 10px;
      background: var(--jdc-surface, #ffffff);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 999px;
      font-size: 0.75rem;
      line-height: 1.2; }
      body#show_topic #new_arg .aimed_targets .aimed_list .target_chip .chip_group, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip .chip_group, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip .chip_group, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip .chip_group, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip .chip_group, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip .chip_group {
        color: var(--jdc-text-muted, #6b7280);
        font-weight: 600;
        flex-shrink: 0; }
      body#show_topic #new_arg .aimed_targets .aimed_list .target_chip .chip_label, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip .chip_label, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip .chip_label, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip .chip_label, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip .chip_label, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip .chip_label {
        color: var(--jdc-text, #111827);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 260px; }
      body#show_topic #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        padding: 0 !important;
        background: transparent !important;
        background-image: none !important;
        color: var(--jdc-text-muted, #6b7280) !important;
        border: none !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        font-size: calc(0.8875rem + 0.15vw);
        line-height: 1;
        cursor: pointer;
        transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        @media (min-width: 1200px) {
          body#show_topic #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip .chip_remove, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove {
            font-size: 1rem; } }
        body#show_topic #new_arg .aimed_targets .aimed_list .target_chip .chip_remove:hover, body#show_topic .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove:hover, body#show_answer #new_arg .aimed_targets .aimed_list .target_chip .chip_remove:hover, body#show_answer .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove:hover, body#show_argument #new_arg .aimed_targets .aimed_list .target_chip .chip_remove:hover, body#show_argument .form_to_reply .aimed_targets .aimed_list .target_chip .chip_remove:hover {
          background: rgba(1, 141, 240, 0.08) !important;
          color: #018df0 !important; }
  body#show_topic #new_arg .aimed_targets .add_target_btn, body#show_topic .form_to_reply .aimed_targets .add_target_btn, body#show_answer #new_arg .aimed_targets .add_target_btn, body#show_answer .form_to_reply .aimed_targets .add_target_btn, body#show_argument #new_arg .aimed_targets .add_target_btn, body#show_argument .form_to_reply .aimed_targets .add_target_btn {
    margin: 8px 0 0;
    padding: 6px 12px;
    background: transparent !important;
    background-image: none !important;
    color: var(--jdc-text-soft, #374151) !important;
    border: 1px dashed var(--jdc-border-strong, #d1d5db) !important;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#show_topic #new_arg .aimed_targets .add_target_btn:hover, body#show_topic #new_arg .aimed_targets .add_target_btn:focus, body#show_topic .form_to_reply .aimed_targets .add_target_btn:hover, body#show_topic .form_to_reply .aimed_targets .add_target_btn:focus, body#show_answer #new_arg .aimed_targets .add_target_btn:hover, body#show_answer #new_arg .aimed_targets .add_target_btn:focus, body#show_answer .form_to_reply .aimed_targets .add_target_btn:hover, body#show_answer .form_to_reply .aimed_targets .add_target_btn:focus, body#show_argument #new_arg .aimed_targets .add_target_btn:hover, body#show_argument #new_arg .aimed_targets .add_target_btn:focus, body#show_argument .form_to_reply .aimed_targets .add_target_btn:hover, body#show_argument .form_to_reply .aimed_targets .add_target_btn:focus {
      background: var(--jdc-bg-subtle, #f1f2f4) !important;
      border-color: var(--jdc-text-muted, #6b7280) !important;
      color: var(--jdc-text, #111827) !important;
      box-shadow: none !important; }
  body#show_topic #new_arg .aimed_targets .targets_picker, body#show_topic .form_to_reply .aimed_targets .targets_picker, body#show_answer #new_arg .aimed_targets .targets_picker, body#show_answer .form_to_reply .aimed_targets .targets_picker, body#show_argument #new_arg .aimed_targets .targets_picker, body#show_argument .form_to_reply .aimed_targets .targets_picker {
    margin-top: 10px;
    padding: 12px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 8px;
    max-height: 320px;
    overflow-y: auto; }
    body#show_topic #new_arg .aimed_targets .targets_picker .empty_msg, body#show_topic .form_to_reply .aimed_targets .targets_picker .empty_msg, body#show_answer #new_arg .aimed_targets .targets_picker .empty_msg, body#show_answer .form_to_reply .aimed_targets .targets_picker .empty_msg, body#show_argument #new_arg .aimed_targets .targets_picker .empty_msg, body#show_argument .form_to_reply .aimed_targets .targets_picker .empty_msg {
      margin: 4px 0;
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280); }
    body#show_topic #new_arg .aimed_targets .targets_picker .picker_group, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group {
      margin-bottom: 12px; }
      body#show_topic #new_arg .aimed_targets .targets_picker .picker_group:last-child, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group:last-child, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group:last-child, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group:last-child, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group:last-child, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group:last-child {
        margin-bottom: 0; }
      body#show_topic #new_arg .aimed_targets .targets_picker .picker_group h4, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group h4, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group h4, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group h4, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group h4, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group h4 {
        margin: 0 0 6px;
        font-size: 0.6875rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--jdc-text-muted, #6b7280); }
      body#show_topic #new_arg .aimed_targets .targets_picker .picker_group ul, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group ul, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group ul, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group ul, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group ul, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 4px; }
      body#show_topic #new_arg .aimed_targets .targets_picker .picker_group .picker_item, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group .picker_item, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group .picker_item, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item {
        padding: 6px 10px;
        font-size: 0.8125rem;
        color: var(--jdc-text, #111827);
        background: var(--jdc-bg-subtle, #f1f2f4);
        border: 1px solid var(--jdc-border, #e5e7eb);
        border-radius: 8px;
        cursor: pointer;
        transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
        body#show_topic #new_arg .aimed_targets .targets_picker .picker_group .picker_item:hover, body#show_topic .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item:hover, body#show_answer #new_arg .aimed_targets .targets_picker .picker_group .picker_item:hover, body#show_answer .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item:hover, body#show_argument #new_arg .aimed_targets .targets_picker .picker_group .picker_item:hover, body#show_argument .form_to_reply .aimed_targets .targets_picker .picker_group .picker_item:hover {
          background: rgba(1, 141, 240, 0.08);
          border-color: rgba(1, 141, 240, 0.35);
          color: #018df0; }
body#show_topic.binary .answer.agree .vote_up, body#show_topic.binary .answer.agree .vote_up_active, body#show_answer.binary .answer.agree .vote_up, body#show_answer.binary .answer.agree .vote_up_active, body#show_argument.binary .answer.agree .vote_up, body#show_argument.binary .answer.agree .vote_up_active {
  color: #15803d !important; }
  body#show_topic.binary .answer.agree .vote_up:hover, body#show_topic.binary .answer.agree .vote_up_active:hover, body#show_answer.binary .answer.agree .vote_up:hover, body#show_answer.binary .answer.agree .vote_up_active:hover, body#show_argument.binary .answer.agree .vote_up:hover, body#show_argument.binary .answer.agree .vote_up_active:hover {
    color: #15803d !important; }
body#show_topic.binary .answer.disagree .vote_down, body#show_topic.binary .answer.disagree .vote_down_active, body#show_answer.binary .answer.disagree .vote_down, body#show_answer.binary .answer.disagree .vote_down_active, body#show_argument.binary .answer.disagree .vote_down, body#show_argument.binary .answer.disagree .vote_down_active {
  color: #018df0 !important; }
  body#show_topic.binary .answer.disagree .vote_down:hover, body#show_topic.binary .answer.disagree .vote_down_active:hover, body#show_answer.binary .answer.disagree .vote_down:hover, body#show_answer.binary .answer.disagree .vote_down_active:hover, body#show_argument.binary .answer.disagree .vote_down:hover, body#show_argument.binary .answer.disagree .vote_down_active:hover {
    color: #018df0 !important; }

.vote_up, .vote_up_active {
  color: #15803d !important; }

.share_box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  height: auto; }
  .share_box .box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    background: var(--jdc-surface, #ffffff) !important;
    background-image: none !important;
    border-radius: 8px;
    box-shadow: none !important;
    border: 1px solid var(--jdc-border, #e5e7eb) !important;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .share_box .box:hover {
      background: var(--jdc-bg-subtle, #f1f2f4) !important;
      border-color: var(--jdc-border-strong, #d1d5db) !important;
      box-shadow: none !important; }
    .share_box .box .share {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      height: 38px;
      padding: 0 14px;
      margin: 0;
      background: transparent !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
      color: var(--jdc-text-soft, #374151);
      text-shadow: none;
      font-size: 0.8125rem;
      font-weight: 500;
      line-height: 1; }
      .share_box .box .share .brand-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        font-size: calc(0.88125rem + 0.075vw);
        font-weight: 700;
        opacity: 0.85;
        background: transparent !important;
        background-image: none !important; }
        @media (min-width: 1200px) {
          .share_box .box .share .brand-icon {
            font-size: 0.9375rem; } }
  .share_box .x:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: #000 !important; }
    .share_box .x:hover .share {
      color: #000; }
      .share_box .x:hover .share .brand-icon {
        opacity: 1; }
  .share_box .facebook:hover {
    background: rgba(24, 119, 242, 0.08) !important;
    border-color: #1877f2 !important; }
    .share_box .facebook:hover .share {
      color: #1877f2; }
      .share_box .facebook:hover .share .brand-icon {
        opacity: 1; }

body#show_topic .answer::before {
  border: none !important;
  padding: 0 !important;
  top: 8px !important;
  left: 8px !important;
  font-size: 0.6875rem;
  color: var(--jdc-text-muted, #6b7280);
  font-weight: 600;
  letter-spacing: 0.04em; }

.two_columns_overview .agree {
  border-right: none !important; }
.two_columns_overview .disagree {
  border-left: 1px solid var(--jdc-border, #e5e7eb) !important; }
.two_columns_overview .votable {
  background: var(--jdc-surface, #ffffff) !important;
  border: 1px solid var(--jdc-border, #e5e7eb) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04) !important;
  margin: 0 0 12px 0 !important;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .two_columns_overview .votable:hover {
    border-color: var(--jdc-border-strong, #d1d5db) !important;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06) !important; }
  .two_columns_overview .votable article {
    padding: 14px 16px 12px !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .two_columns_overview .votable article h2 {
      margin: 0 !important;
      padding: 0 !important;
      font-size: 0.875rem !important;
      font-weight: 600;
      line-height: 1.4;
      text-align: left !important;
      white-space: normal; }
      .two_columns_overview .votable article h2 a {
        color: var(--jdc-text, #111827) !important;
        text-decoration: none; }
        .two_columns_overview .votable article h2 a:hover {
          color: #018df0 !important; }
    .two_columns_overview .votable article > p {
      text-align: left !important;
      font-size: 0.875rem;
      font-weight: 400; }

.btn_to_reply.two_block {
  display: flex;
  white-space: normal;
  overflow: visible; }
  .btn_to_reply.two_block > div {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 0 8px;
    text-align: center; }
    .btn_to_reply.two_block > div input {
      margin: 0; }

.progress .bg {
  width: 0%; }

body#questions .questions {
  border: none; }
  body#questions .questions > .no_element {
    padding: 48px 24px;
    text-align: center;
    color: var(--jdc-text-muted, #6b7280);
    background: var(--jdc-bg-subtle, #f1f2f4);
    border-radius: 12px;
    border: 1px dashed var(--jdc-border-strong, #d1d5db); }
body#questions article.question {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-left: 4px solid #8b5cf6;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 12px;
  display: flex;
  gap: 24px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#questions article.question:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    border-left-color: #8b5cf6;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-1px); }
  body#questions article.question .stat {
    order: 2;
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: flex-start;
    cursor: pointer; }
    body#questions article.question .stat > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 64px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid transparent;
      color: var(--jdc-text-muted, #6b7280);
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      font-weight: 500; }
      body#questions article.question .stat > div:hover {
        background: rgba(139, 92, 246, 0.08);
        border-color: rgba(139, 92, 246, 0.2); }
    body#questions article.question .stat .count {
      font-size: calc(0.9125rem + 0.45vw);
      margin-bottom: 2px;
      font-weight: 600;
      color: var(--jdc-text, #111827);
      letter-spacing: -0.01em; }
      @media (min-width: 1200px) {
        body#questions article.question .stat .count {
          font-size: 1.25rem; } }
  body#questions article.question .summary {
    order: 1;
    flex: 1 1 auto;
    min-width: 0; }
    body#questions article.question .summary h3 {
      margin: 0 0 10px 0;
      font-size: calc(0.89375rem + 0.225vw);
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.01em; }
      @media (min-width: 1200px) {
        body#questions article.question .summary h3 {
          font-size: 1.0625rem; } }
      body#questions article.question .summary h3 a {
        color: var(--jdc-text, #111827);
        text-decoration: none; }
        body#questions article.question .summary h3 a:hover {
          color: #8b5cf6;
          text-decoration: none; }
    body#questions article.question .summary .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 8px; }
      body#questions article.question .summary .tags a {
        background: var(--jdc-bg, #f7f7f8);
        border: 1px solid var(--jdc-border, #e5e7eb);
        color: var(--jdc-text-soft, #374151);
        padding: 3px 10px;
        border-radius: 999px;
        font-size: 0.75rem;
        text-decoration: none; }
        body#questions article.question .summary .tags a:hover {
          background: rgba(139, 92, 246, 0.08);
          border-color: rgba(139, 92, 246, 0.2);
          color: #8b5cf6; }
    body#questions article.question .summary .started .time {
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280);
      margin: 0; }
      body#questions article.question .summary .started .time a {
        color: var(--jdc-text-soft, #374151);
        font-weight: 500; }
        body#questions article.question .summary .started .time a:hover {
          color: #8b5cf6; }

body#parties .parties {
  border: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px; }
body#parties article.party_card {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#parties article.party_card:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-1px); }
  body#parties article.party_card .summary {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
    body#parties article.party_card .summary > a {
      flex-shrink: 0; }
      body#parties article.party_card .summary > a img {
        width: 64px;
        height: auto;
        border-radius: 8px; }
    body#parties article.party_card .summary h3 {
      margin: 0;
      padding: 0;
      font-size: calc(0.8875rem + 0.15vw);
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -0.01em; }
      @media (min-width: 1200px) {
        body#parties article.party_card .summary h3 {
          font-size: 1rem; } }
      body#parties article.party_card .summary h3 a {
        color: var(--jdc-text, #111827);
        text-decoration: none; }
        body#parties article.party_card .summary h3 a:hover {
          color: #018df0; }
  body#parties article.party_card .stat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    cursor: pointer; }
    body#parties article.party_card .stat > div {
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 8px;
      padding: 8px 10px;
      font-size: 0.6875rem;
      color: var(--jdc-text-muted, #6b7280);
      line-height: 1.3;
      text-align: left; }
      body#parties article.party_card .stat > div .count, body#parties article.party_card .stat > div p:first-child {
        margin: 0 0 2px;
        font-size: 0.875rem;
        color: var(--jdc-text, #111827);
        font-weight: 600; }
      body#parties article.party_card .stat > div p {
        margin: 2px 0; }
body#parties .legend {
  margin-top: 24px;
  padding: 16px;
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  font-size: 0.75rem;
  color: var(--jdc-text-muted, #6b7280); }

body#show_questions .main_debate {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-left: 4px solid #8b5cf6;
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  margin: 0 0 32px 0;
  padding: 0;
  position: relative;
  overflow: hidden; }
  body#show_questions .main_debate > h1 {
    margin: 0;
    padding: 24px 28px 16px 28px;
    font-size: calc(0.9375rem + 0.75vw);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--jdc-text, #111827);
    border: none;
    width: auto; }
    @media (min-width: 1200px) {
      body#show_questions .main_debate > h1 {
        font-size: 1.5rem; } }
    body#show_questions .main_debate > h1::before {
      content: "Question aux partis";
      display: inline-block;
      margin: 0 12px 8px 0;
      padding: 3px 10px;
      font-size: 0.6875rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #8b5cf6;
      background: rgba(139, 92, 246, 0.08);
      border: 1px solid rgba(139, 92, 246, 0.2);
      border-radius: 999px;
      vertical-align: middle;
      line-height: 1.4; }
  body#show_questions .main_debate > section {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 28px 28px;
    gap: 24px;
    align-items: flex-start; }
    body#show_questions .main_debate > section > article {
      flex: 10 1 320px;
      min-width: 0; }
      body#show_questions .main_debate > section > article .development {
        font-size: calc(0.88125rem + 0.075vw);
        line-height: 1.7;
        color: var(--jdc-text-soft, #374151); }
        @media (min-width: 1200px) {
          body#show_questions .main_debate > section > article .development {
            font-size: 0.9375rem; } }
body#show_questions .party_answers {
  margin-bottom: 32px; }
  body#show_questions .party_answers > .no_element {
    padding: 48px 24px;
    text-align: center;
    color: var(--jdc-text-muted, #6b7280);
    background: var(--jdc-bg-subtle, #f1f2f4);
    border-radius: 12px;
    border: 1px dashed var(--jdc-border-strong, #d1d5db); }
body#show_questions .party_answer {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 16px 0;
  display: grid;
  grid-template-columns: 80px 64px 1fr;
  gap: 20px;
  align-items: start;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#show_questions .party_answer:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }
  body#show_questions .party_answer > div:first-child a {
    display: block; }
    body#show_questions .party_answer > div:first-child a img {
      width: 80px;
      height: auto;
      border-radius: 8px; }
  body#show_questions .party_answer .statistics {
    padding: 0;
    margin: 0; }
    body#show_questions .party_answer .statistics .votes_btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      padding: 8px;
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 8px;
      font-size: 0.6875rem;
      color: var(--jdc-text-muted, #6b7280);
      line-height: 1; }
      body#show_questions .party_answer .statistics .votes_btn .vote_up, body#show_questions .party_answer .statistics .votes_btn .vote_down {
        padding: 4px !important;
        cursor: pointer;
        border-radius: 6px; }
        body#show_questions .party_answer .statistics .votes_btn .vote_up:hover, body#show_questions .party_answer .statistics .votes_btn .vote_down:hover {
          background: var(--jdc-surface, #ffffff); }
      body#show_questions .party_answer .statistics .votes_btn .score {
        font-size: calc(0.8875rem + 0.15vw) !important;
        font-weight: 700 !important;
        color: var(--jdc-text, #111827) !important;
        margin: 2px 0 !important; }
        @media (min-width: 1200px) {
          body#show_questions .party_answer .statistics .votes_btn .score {
            font-size: 1rem !important; } }
  body#show_questions .party_answer article {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px; }
    body#show_questions .party_answer article h3 {
      margin: 0;
      font-size: calc(0.88125rem + 0.075vw);
      font-weight: 600;
      line-height: 1.4;
      color: var(--jdc-text, #111827); }
      @media (min-width: 1200px) {
        body#show_questions .party_answer article h3 {
          font-size: 0.9375rem; } }
      body#show_questions .party_answer article h3 a {
        color: var(--jdc-text, #111827);
        text-decoration: none; }
        body#show_questions .party_answer article h3 a:hover {
          color: #018df0; }
    body#show_questions .party_answer article .user_actions {
      margin-top: 4px;
      font-size: 0.75rem;
      color: var(--jdc-text-muted, #6b7280); }
      body#show_questions .party_answer article .user_actions a {
        color: var(--jdc-text-soft, #374151); }
        body#show_questions .party_answer article .user_actions a:hover {
          color: #018df0; }
body#show_questions .party_answers hr {
  display: none; }

@media screen and (max-width: 800px) {
  body#show_questions .party_answer {
    grid-template-columns: 1fr;
    gap: 12px; } }
main {
  max-width: 1480px !important; }

@media screen and (min-width: 1600px) {
  main {
    max-width: 1560px !important; } }
body#index #main_section article.topic {
  position: relative;
  padding-left: 28px; }
  body#index #main_section article.topic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    border-radius: 12px 0 0 12px; }
  body#index #main_section article.topic.topic--binary::before {
    background: linear-gradient(180deg, #15803d 0%, #15803d 50%, #018df0 50%, #018df0 100%); }
  body#index #main_section article.topic.topic--open::before {
    background: #2563eb; }

@media screen and (max-width: 1024px) {
  main > nav .nav {
    padding: calc(0.8875rem + 0.15vw) 0.75rem; } }
  @media screen and (max-width: 1024px) and (min-width: 1200px) {
    main > nav .nav {
      padding: 1rem 0.75rem; } }

@media screen and (max-width: 1024px) {
  #main_section {
    margin: 12px 0;
    border-radius: 12px;
    padding: calc(0.9125rem + 0.45vw); } }
  @media screen and (max-width: 1024px) and (min-width: 1200px) {
    #main_section {
      padding: 1.25rem; } }
@media screen and (max-width: 1024px) {
    #main_section > header.tabized_overview {
      margin: calc(-0.9125rem - 0.45vw) calc(-0.9125rem - 0.45vw) calc(0.9375rem + 0.75vw);
      padding: calc(0.9125rem + 0.45vw) calc(0.9125rem + 0.45vw) 0; } }
    @media screen and (max-width: 1024px) and (min-width: 1200px) {
      #main_section > header.tabized_overview {
        margin: -1.25rem -1.25rem 1.5rem; } }
    @media screen and (max-width: 1024px) and (min-width: 1200px) {
      #main_section > header.tabized_overview {
        padding: 1.25rem 1.25rem 0; } }

@media screen and (max-width: 800px) {
  #main_section {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: calc(0.9125rem + 0.45vw) calc(0.8875rem + 0.15vw); } }
  @media screen and (max-width: 800px) and (min-width: 1200px) {
    #main_section {
      padding: 1.25rem 1rem; } }
@media screen and (max-width: 800px) {
    #main_section > header.tabized_overview {
      margin: calc(-0.9125rem - 0.45vw) calc(-0.8875rem - 0.15vw) calc(0.9125rem + 0.45vw);
      padding: calc(0.9125rem + 0.45vw) calc(0.8875rem + 0.15vw) 0; } }
    @media screen and (max-width: 800px) and (min-width: 1200px) {
      #main_section > header.tabized_overview {
        margin: -1.25rem -1rem 1.25rem; } }
    @media screen and (max-width: 800px) and (min-width: 1200px) {
      #main_section > header.tabized_overview {
        padding: 1.25rem 1rem 0; } }

@media screen and (max-width: 800px) {
  main > aside {
    padding: calc(0.8875rem + 0.15vw); } }
  @media screen and (max-width: 800px) and (min-width: 1200px) {
    main > aside {
      padding: 1rem; } }

@media screen and (max-width: 800px) {
  body > footer {
    padding: 32px 16px 24px;
    margin-top: 32px; }
    body > footer .links {
      gap: 6px 16px; }

  body#index #main_section {
    padding: calc(0.9125rem + 0.45vw) calc(0.8875rem + 0.15vw); } }
  @media screen and (max-width: 800px) and (min-width: 1200px) {
    body#index #main_section {
      padding: 1.25rem 1rem; } }
@media screen and (max-width: 800px) {
    body#index #main_section > section article {
      flex-direction: column;
      gap: 16px; }
      body#index #main_section > section article .stat {
        order: 2;
        width: 100%;
        justify-content: flex-start; }
        body#index #main_section > section article .stat > div {
          min-width: 0;
          flex: 1; }

  body#show_topic .main_debate > h1 {
    font-size: calc(0.925rem + 0.6vw);
    padding: 20px 20px 12px 24px; } }
  @media screen and (max-width: 800px) and (min-width: 1200px) {
    body#show_topic .main_debate > h1 {
      font-size: 1.375rem; } }
@media screen and (max-width: 800px) {
  body#show_topic .main_debate > section {
    padding: 20px 20px 24px 24px;
    gap: 20px;
    flex-direction: column; }
    body#show_topic .main_debate > section .statistics, body#show_topic .main_debate > section .infos {
      flex: 1 1 auto; }
    body#show_topic .main_debate > section .statistics .votes_btn {
      flex-direction: row;
      justify-content: center; }
  body#show_topic .answers_list_binary > .panel_target {
    grid-template-columns: 1fr; }
    body#show_topic .answers_list_binary > .panel_target::before, body#show_topic .answers_list_binary > .panel_target::after {
      display: none; }
    body#show_topic .answers_list_binary > .panel_target .answer.agree, body#show_topic .answers_list_binary > .panel_target .answer.disagree {
      grid-column: 1; }
  body#show_topic .answers_list .answer {
    flex-direction: column; }
    body#show_topic .answers_list .answer > article {
      flex: 1 1 auto; }

  body#topics #main_section > header.tabized_overview {
    margin: -20px -16px 20px;
    padding: 20px 16px 0; }
    body#topics #main_section > header.tabized_overview h1 {
      font-size: calc(0.9125rem + 0.45vw); } }
    @media screen and (max-width: 800px) and (min-width: 1200px) {
      body#topics #main_section > header.tabized_overview h1 {
        font-size: 1.25rem; } }
@media screen and (max-width: 800px) {
    body#topics #main_section > header.tabized_overview .tabs {
      gap: 2px; }
      body#topics #main_section > header.tabized_overview .tabs li a {
        padding: 8px 12px;
        font-size: 0.8125rem; }
  body#topics article.topic {
    flex-direction: column;
    gap: 16px;
    padding: 20px 20px 20px 24px; }
    body#topics article.topic .stat {
      order: 2;
      width: 100%;
      justify-content: flex-start; }
      body#topics article.topic .stat > div {
        min-width: 0;
        flex: 1; }
    body#topics article.topic .summary h3::after {
      display: inline-block;
      margin: 4px 0 0 0;
      vertical-align: middle; } }
.tabized_overview h1 {
  font-size: 22px;
  font-weight: 700;
  color: var(--jdc-text, #111827);
  margin: 0 0 10px; }
.tabized_overview .tabs.tabs_left {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  .tabized_overview .tabs.tabs_left li {
    margin: 0; }
  .tabized_overview .tabs.tabs_left a {
    display: inline-block;
    padding: 10px 18px;
    color: var(--jdc-text-muted, #6b7280);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .tabized_overview .tabs.tabs_left a:hover {
      color: var(--jdc-text, #111827);
      background: transparent; }
    .tabized_overview .tabs.tabs_left a.selected {
      color: #018df0;
      border-bottom-color: #018df0;
      background: transparent; }

.profile-v10 {
  max-width: 940px; }
  .profile-v10__head {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }
  .profile-v10__avatar {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    object-fit: cover;
    flex: 0 0 auto;
    border: 1px solid var(--jdc-border, #e5e7eb); }
  .profile-v10__identity {
    flex: 1 1 auto;
    min-width: 0; }
  .profile-v10__name {
    font-size: 26px;
    font-weight: 700;
    color: var(--jdc-text, #111827);
    margin: 0 0 4px;
    line-height: 1.2; }
  .profile-v10__rep {
    color: var(--jdc-text-muted, #6b7280);
    font-size: 13px; }
  .profile-v10__rep-num {
    color: #018df0;
    font-weight: 700;
    font-size: 15px; }
  .profile-v10__admin {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--jdc-text-faint, #9ca3af);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center; }
    .profile-v10__admin .tag {
      background: var(--jdc-bg-subtle, #f1f2f4);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 999px;
      padding: 1px 9px;
      color: var(--jdc-text-muted, #6b7280); }
  .profile-v10__badges {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center; }
  .profile-v10__actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 190px; }
    .profile-v10__actions .button {
      width: 100%; }
  .profile-v10__form {
    display: block;
    margin: 0; }
  .profile-v10__bio {
    margin: 16px 0 0;
    padding: 16px 20px;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    color: var(--jdc-text-soft, #374151);
    font-size: 14px;
    line-height: 1.65; }
  .profile-v10__stats {
    margin: 16px 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; }
  .profile-v10__meta {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 9px 24px; }
    .profile-v10__meta li {
      display: flex;
      align-items: center;
      gap: 7px;
      color: var(--jdc-text-muted, #6b7280);
      font-size: 13.5px; }
      .profile-v10__meta li a {
        color: #018df0;
        text-decoration: none; }
        .profile-v10__meta li a:hover {
          text-decoration: underline; }
      .profile-v10__meta li [class^="icons-"] {
        opacity: 0.6; }

.stat-v10 {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  padding: 14px 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center; }
  .stat-v10__num {
    font-size: 22px;
    font-weight: 700;
    color: var(--jdc-text, #111827);
    line-height: 1; }
    .stat-v10__num.rep_up, .change_reputation > div .stat-v10__num.up {
      color: #15803d; }
    .stat-v10__num.rep_down, .change_reputation > div .stat-v10__num.down {
      color: #018df0; }
  .stat-v10__lbl {
    font-size: 12px;
    color: var(--jdc-text-muted, #6b7280); }

@media (max-width: 720px) {
  .profile-v10__head {
    flex-direction: column; }

  .profile-v10__actions {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    .profile-v10__actions .button {
      width: auto;
      flex: 1; }

  .profile-v10__stats {
    grid-template-columns: repeat(2, 1fr); } }
body#show_users .activites_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
  margin: 0 0 20px; }
  body#show_users .activites_summary .reputation_summary, body#show_users .activites_summary .badges_summary {
    flex: 1 1 320px;
    min-width: 0;
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06);
    padding: 18px 20px;
    margin: 0;
    width: auto; }
    body#show_users .activites_summary .reputation_summary > span, body#show_users .activites_summary .badges_summary > span {
      display: block;
      margin-bottom: 12px;
      color: var(--jdc-text-muted, #6b7280);
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.04em; }
      body#show_users .activites_summary .reputation_summary > span .val, body#show_users .activites_summary .badges_summary > span .val {
        color: var(--jdc-text, #111827);
        font-size: 26px;
        font-weight: 700;
        margin-right: 8px; }
  body#show_users .activites_summary .graph {
    max-width: 100%; }
    body#show_users .activites_summary .graph svg {
      max-width: 100%;
      height: auto; }
    body#show_users .activites_summary .graph .line {
      stroke: #018df0;
      fill: none;
      stroke-width: 2; }
    body#show_users .activites_summary .graph .values, body#show_users .activites_summary .graph .legend {
      color: var(--jdc-text-faint, #9ca3af);
      font-size: 11px; }
body#show_users .activities_info {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none; }
  body#show_users .activities_info .panel_target {
    display: block;
    border-spacing: 0; }
  body#show_users .activities_info > .tabized_overview {
    display: block;
    margin: 0 0 18px;
    padding: 0;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
    body#show_users .activities_info > .tabized_overview .tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 2px;
      justify-content: flex-start;
      width: 100%; }
      body#show_users .activities_info > .tabized_overview .tabs a {
        padding: 9px 15px;
        color: var(--jdc-text-muted, #6b7280);
        font-size: 13.5px;
        font-weight: 500;
        border-bottom: 2px solid transparent;
        border-radius: 0; }
        body#show_users .activities_info > .tabized_overview .tabs a:hover {
          color: var(--jdc-text, #111827); }
        body#show_users .activities_info > .tabized_overview .tabs a.selected {
          color: #018df0;
          border-bottom-color: #018df0; }
body#show_users .tabized_overview .tabs a {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent; }
  body#show_users .tabized_overview .tabs a.selected {
    border-bottom-color: #018df0;
    background: transparent; }
body#show_users .activities_info .panel_target .tr {
  display: block;
  height: auto;
  margin: 0; }
body#show_users .activities_info .panel_target .tr .user_panel:first-child {
  padding: 16px 18px; }
body#show_users .activities_info .panel_target .user_panel {
  display: block;
  width: auto;
  height: auto;
  float: none;
  margin: 0 0 16px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06);
  padding: 16px 18px;
  min-width: 0; }
  body#show_users .activities_info .panel_target .user_panel h2 a {
    color: var(--jdc-text, #111827);
    text-decoration: none;
    font-weight: 700; }
    body#show_users .activities_info .panel_target .user_panel h2 a .count {
      color: #018df0;
      margin-right: 6px; }
    body#show_users .activities_info .panel_target .user_panel h2 a:hover {
      color: #018df0; }
  body#show_users .activities_info .panel_target .user_panel article {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: auto;
    margin: 0;
    padding: 11px 0;
    border-top: 1px solid var(--jdc-border, #e5e7eb); }
    body#show_users .activities_info .panel_target .user_panel article:first-of-type {
      border-top: 0;
      padding-top: 4px; }
    body#show_users .activities_info .panel_target .user_panel article .stat {
      flex: 0 0 auto;
      display: inline-block;
      margin: 1px 0 0;
      padding: 3px 9px;
      min-width: 0;
      height: auto;
      background: var(--jdc-bg, #f7f7f8);
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 999px;
      color: var(--jdc-text-muted, #6b7280);
      font-size: 11px;
      font-weight: 600;
      line-height: 1.5;
      white-space: nowrap; }
      body#show_users .activities_info .panel_target .user_panel article .stat.closed {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #c2410c; }
    body#show_users .activities_info .panel_target .user_panel article .summary {
      flex: 1 1 auto;
      display: block;
      width: auto;
      min-width: 0;
      margin: 0; }
      body#show_users .activities_info .panel_target .user_panel article .summary h3 {
        width: auto;
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.45;
        overflow: hidden; }
        body#show_users .activities_info .panel_target .user_panel article .summary h3 a {
          color: var(--jdc-text, #111827);
          font-size: 1em; }
          body#show_users .activities_info .panel_target .user_panel article .summary h3 a:hover {
            color: #018df0; }

@media (max-width: 760px) {
  body#show_users .tr {
    grid-template-columns: 1fr; } }
body#edit_user #main_section > section, body#user_options #main_section > section {
  display: block; }
body#edit_user article, body#edit_user .edit_user, body#user_options article, body#user_options .edit_user {
  max-width: 680px;
  min-width: 0;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06);
  padding: 24px 26px; }
  body#edit_user article h1, body#edit_user .edit_user h1, body#user_options article h1, body#user_options .edit_user h1 {
    font-size: 20px;
    font-weight: 700;
    color: var(--jdc-text, #111827);
    margin: 0 0 20px; }
  body#edit_user article form p, body#edit_user .edit_user form p, body#user_options article form p, body#user_options .edit_user form p {
    margin: 0 0 16px; }
  body#edit_user article form label > span, body#edit_user .edit_user form label > span, body#user_options article form label > span, body#user_options .edit_user form label > span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--jdc-text-soft, #374151);
    margin-bottom: 5px; }
    body#edit_user article form label > span small, body#edit_user .edit_user form label > span small, body#user_options article form label > span small, body#user_options .edit_user form label > span small {
      font-weight: 400;
      color: var(--jdc-text-faint, #9ca3af); }
  body#edit_user article form input[type="text"], body#edit_user article form input[type="password"], body#edit_user article form input[type="email"], body#edit_user .edit_user form input[type="text"], body#edit_user .edit_user form input[type="password"], body#edit_user .edit_user form input[type="email"], body#user_options article form input[type="text"], body#user_options article form input[type="password"], body#user_options article form input[type="email"], body#user_options .edit_user form input[type="text"], body#user_options .edit_user form input[type="password"], body#user_options .edit_user form input[type="email"] {
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#edit_user article form input[type="text"]:focus, body#edit_user article form input[type="password"]:focus, body#edit_user article form input[type="email"]:focus, body#edit_user .edit_user form input[type="text"]:focus, body#edit_user .edit_user form input[type="password"]:focus, body#edit_user .edit_user form input[type="email"]:focus, body#user_options article form input[type="text"]:focus, body#user_options article form input[type="password"]:focus, body#user_options article form input[type="email"]:focus, body#user_options .edit_user form input[type="text"]:focus, body#user_options .edit_user form input[type="password"]:focus, body#user_options .edit_user form input[type="email"]:focus {
      outline: 0;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
    body#edit_user article form input[type="text"]:disabled, body#edit_user article form input[type="text"][disabled], body#edit_user article form input[type="password"]:disabled, body#edit_user article form input[type="password"][disabled], body#edit_user article form input[type="email"]:disabled, body#edit_user article form input[type="email"][disabled], body#edit_user .edit_user form input[type="text"]:disabled, body#edit_user .edit_user form input[type="text"][disabled], body#edit_user .edit_user form input[type="password"]:disabled, body#edit_user .edit_user form input[type="password"][disabled], body#edit_user .edit_user form input[type="email"]:disabled, body#edit_user .edit_user form input[type="email"][disabled], body#user_options article form input[type="text"]:disabled, body#user_options article form input[type="text"][disabled], body#user_options article form input[type="password"]:disabled, body#user_options article form input[type="password"][disabled], body#user_options article form input[type="email"]:disabled, body#user_options article form input[type="email"][disabled], body#user_options .edit_user form input[type="text"]:disabled, body#user_options .edit_user form input[type="text"][disabled], body#user_options .edit_user form input[type="password"]:disabled, body#user_options .edit_user form input[type="password"][disabled], body#user_options .edit_user form input[type="email"]:disabled, body#user_options .edit_user form input[type="email"][disabled] {
      background: var(--jdc-bg-subtle, #f1f2f4) !important;
      color: var(--jdc-text-soft, #374151) !important;
      -webkit-text-fill-color: var(--jdc-text-soft, #374151);
      opacity: 1;
      cursor: not-allowed; }
  body#edit_user article form input[type="checkbox"], body#edit_user .edit_user form input[type="checkbox"], body#user_options article form input[type="checkbox"], body#user_options .edit_user form input[type="checkbox"] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    accent-color: #018df0; }
  body#edit_user article form .wysiwyg-trumbowyg, body#edit_user article form .trumbowyg-box, body#edit_user article form .trumbowyg-editor, body#edit_user .edit_user form .wysiwyg-trumbowyg, body#edit_user .edit_user form .trumbowyg-box, body#edit_user .edit_user form .trumbowyg-editor, body#user_options article form .wysiwyg-trumbowyg, body#user_options article form .trumbowyg-box, body#user_options article form .trumbowyg-editor, body#user_options .edit_user form .wysiwyg-trumbowyg, body#user_options .edit_user form .trumbowyg-box, body#user_options .edit_user form .trumbowyg-editor {
    border-radius: 8px;
    border-color: var(--jdc-border-strong, #d1d5db); }
  body#edit_user article form #img_avatar, body#edit_user .edit_user form #img_avatar, body#user_options article form #img_avatar, body#user_options .edit_user form #img_avatar {
    border-radius: 8px;
    border: 1px solid var(--jdc-border, #e5e7eb);
    vertical-align: middle;
    margin-right: 10px; }

body.help_page #main_section .tabized_overview {
  border-bottom: 1px solid var(--jdc-border, #e5e7eb);
  margin: 0 0 24px;
  padding: 0; }
  body.help_page #main_section .tabized_overview h1 {
    font-size: 23px;
    font-weight: 700;
    color: var(--jdc-text, #111827);
    margin: 22px 0 16px; }
    body.help_page #main_section .tabized_overview h1 a {
      color: var(--jdc-text-muted, #6b7280);
      text-decoration: none; }
      body.help_page #main_section .tabized_overview h1 a:hover {
        color: #018df0; }
  body.help_page #main_section .tabized_overview .tabs {
    display: none; }
body.help_page #main_section section, body.help_page #main_section article {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  padding: 0;
  margin: 0 0 18px; }
  body.help_page #main_section section:last-child, body.help_page #main_section article:last-child {
    margin-bottom: 0; }
body.help_page #main_section h2 {
  font-size: 19px;
  font-weight: 700;
  color: var(--jdc-text, #111827);
  margin: 26px 0 12px; }
body.help_page #main_section h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--jdc-text, #111827);
  margin: 20px 0 8px; }
body.help_page #main_section p {
  margin: 0 0 14px;
  color: var(--jdc-text-soft, #374151);
  font-size: 15px;
  line-height: 1.65; }
body.help_page #main_section a {
  color: #018df0; }
  body.help_page #main_section a:hover {
    text-decoration: underline; }
body.help_page #main_section ul, body.help_page #main_section ol {
  margin: 0 0 16px;
  padding-left: 22px; }
body.help_page #main_section ul {
  list-style: disc; }
body.help_page #main_section ol {
  list-style: decimal; }
body.help_page #main_section .principes_fondateur ol {
  list-style: none; }
body.help_page #main_section li {
  margin: 6px 0;
  color: var(--jdc-text-soft, #374151);
  line-height: 1.6; }
  body.help_page #main_section li::marker {
    color: #018df0; }
body.help_page #main_section img {
  max-width: 100%;
  height: auto;
  border-radius: 8px; }
body.help_page #main_section hr {
  border: 0;
  border-top: 1px solid var(--jdc-border, #e5e7eb);
  margin: 22px 0; }
body.help_page #main_section nav {
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 8px;
  padding: 16px 20px;
  margin: 0 0 24px; }
  body.help_page #main_section nav h2 {
    margin: 0 0 10px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--jdc-text-muted, #6b7280); }
  body.help_page #main_section nav ol, body.help_page #main_section nav ul {
    margin: 0; }
  body.help_page #main_section nav a {
    color: var(--jdc-text-soft, #374151); }
    body.help_page #main_section nav a:hover {
      color: #018df0; }
body.help_page #main_section form {
  max-width: 620px; }
  body.help_page #main_section form label {
    display: block;
    font-weight: 600;
    color: var(--jdc-text-soft, #374151);
    font-size: 14px;
    margin: 0 0 6px; }
  body.help_page #main_section form select, body.help_page #main_section form input[type="text"], body.help_page #main_section form input[type="email"], body.help_page #main_section form textarea {
    width: 100%;
    padding: 10px 12px;
    margin: 4px 0 16px;
    font-size: 14px;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px; }
    body.help_page #main_section form select:focus, body.help_page #main_section form input[type="text"]:focus, body.help_page #main_section form input[type="email"]:focus, body.help_page #main_section form textarea:focus {
      outline: 0;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
  body.help_page #main_section form textarea {
    min-height: 150px;
    resize: vertical; }
  body.help_page #main_section form input.q {
    display: none !important; }
  body.help_page #main_section form input[type="submit"] {
    margin-top: 4px; }

body.help_page aside {
  background: transparent;
  border: 0;
  box-shadow: none; }
  body.help_page aside section {
    background: var(--jdc-surface, #ffffff);
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    padding: 0;
    margin: 0 0 16px; }
  body.help_page aside article {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0; }
  body.help_page aside h3 {
    margin: 0;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--jdc-text-muted, #6b7280);
    background: transparent;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  body.help_page aside hr {
    display: none; }
  body.help_page aside ul {
    list-style: none;
    margin: 0;
    padding: 6px; }
  body.help_page aside li {
    margin: 0; }
  body.help_page aside a {
    position: relative;
    display: block;
    padding: 8px 12px 8px 26px;
    border-radius: 8px;
    color: var(--jdc-text-soft, #374151);
    font-size: 13.5px;
    text-decoration: none; }
    body.help_page aside a::before {
      content: "";
      position: absolute;
      left: 12px;
      top: 50%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      border-radius: 50%;
      background: var(--jdc-text-muted, #6b7280);
      transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body.help_page aside a:hover {
      background: var(--jdc-bg-subtle, #f1f2f4);
      color: #018df0;
      text-decoration: none; }
      body.help_page aside a:hover::before {
        background: #018df0; }

@media (max-width: 720px) {
  body.help_page #main_section {
    padding: 4px 18px 24px; } }
body#charter #main_section h2 {
  margin: 32px 0 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  body#charter #main_section h2:first-of-type {
    margin-top: 8px; }
body#charter #main_section article {
  position: relative;
  padding: 1px 0 1px 62px;
  margin: 0 0 15px;
  color: var(--jdc-text-soft, #374151);
  font-size: 15px;
  line-height: 1.65; }
  body#charter #main_section article span {
    position: absolute;
    left: 0;
    top: 3px;
    width: auto;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #018df0; }

body#contact #main_section .contact-v10 {
  max-width: 600px;
  margin: 0 auto; }
body#contact #main_section .contact-v10__intro {
  text-align: center;
  margin: 4px 0 30px; }
  body#contact #main_section .contact-v10__intro h2 {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--jdc-text, #111827); }
  body#contact #main_section .contact-v10__intro p {
    max-width: 470px;
    margin: 0 auto;
    font-size: 15.5px;
    line-height: 1.6;
    color: var(--jdc-text-soft, #374151); }
body#contact #main_section form {
  max-width: none; }
  body#contact #main_section form .field {
    margin: 0 0 18px; }
  body#contact #main_section form label {
    display: block;
    margin: 0 0 7px;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--jdc-text-soft, #374151); }
  body#contact #main_section form select, body#contact #main_section form input[type="email"], body#contact #main_section form input[type="text"], body#contact #main_section form textarea {
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    border: 1px solid var(--jdc-border-strong, #d1d5db);
    border-radius: 8px;
    transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#contact #main_section form select::placeholder, body#contact #main_section form input[type="email"]::placeholder, body#contact #main_section form input[type="text"]::placeholder, body#contact #main_section form textarea::placeholder {
      color: var(--jdc-text-muted, #6b7280); }
    body#contact #main_section form select:focus, body#contact #main_section form input[type="email"]:focus, body#contact #main_section form input[type="text"]:focus, body#contact #main_section form textarea:focus {
      outline: 0;
      border-color: #018df0;
      box-shadow: 0 0 0 3px rgba(1, 141, 240, 0.35); }
  body#contact #main_section form textarea {
    min-height: 150px;
    resize: vertical; }
  body#contact #main_section form input.q {
    display: none !important; }
  body#contact #main_section form input[type="submit"] {
    width: 100%;
    margin-top: 6px;
    padding: 13px 22px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #018df0;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    body#contact #main_section form input[type="submit"]:hover {
      background: #0175c7;
      transform: translateY(-1px);
      box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }
    body#contact #main_section form input[type="submit"]:active {
      transform: translateY(0); }
body#contact #main_section #message {
  margin: 14px 0 0;
  text-align: center;
  font-size: 14px; }
body#contact #main_section .contact-v10__alt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 18px;
  margin: 26px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--jdc-border, #e5e7eb);
  font-size: 14px;
  color: var(--jdc-text-muted, #6b7280); }
  body#contact #main_section .contact-v10__alt a {
    color: var(--jdc-text-soft, #374151);
    font-weight: 500;
    text-decoration: none; }
    body#contact #main_section .contact-v10__alt a:hover {
      color: #018df0;
      text-decoration: underline; }

body#elections #main_section .elections-intro {
  max-width: 640px;
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--jdc-text-soft, #374151); }
body#elections #main_section .elections {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  padding: 0;
  border: 0; }
body#elections #main_section .election-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
  padding: 20px 22px 18px 26px;
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.04);
  text-decoration: none;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  body#elections #main_section .election-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #018df0; }
  body#elections #main_section .election-card:hover {
    border-color: var(--jdc-border-strong, #d1d5db);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08), 0 2px 4px rgba(17, 24, 39, 0.05);
    transform: translateY(-2px); }
    body#elections #main_section .election-card:hover .election-card__cta {
      gap: 9px; }
body#elections #main_section .election-card__name {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--jdc-text, #111827); }
body#elections #main_section .election-card__meta {
  margin: 0;
  font-size: 13.5px;
  color: var(--jdc-text-muted, #6b7280); }
body#elections #main_section .election-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  font-size: 13.5px;
  font-weight: 600;
  color: #018df0;
  transition: gap 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

body#election main > #main_section {
  flex: 1 1 100%;
  min-width: 0;
  max-width: none;
  border-left: 0; }

body#election #main_section .sommaire {
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 18px 22px;
  margin: 0 0 26px; }
  body#election #main_section .sommaire h2 {
    margin: 0 0 12px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--jdc-text-muted, #6b7280); }
  body#election #main_section .sommaire ol {
    margin: 0 0 4px;
    padding-left: 20px; }
  body#election #main_section .sommaire li {
    margin: 6px 0;
    font-size: 15px; }
  body#election #main_section .sommaire a {
    color: #018df0; }
  body#election #main_section .sommaire h3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--jdc-text-soft, #374151); }
  body#election #main_section .sommaire button {
    margin-top: 6px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #018df0;
    border: 0;
    border-radius: 8px;
    cursor: pointer; }
    body#election #main_section .sommaire button:hover {
      background: #0175c7; }
body#election #main_section article > h2 {
  margin: 30px 0 14px;
  padding: 0;
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: var(--jdc-text, #111827);
  background: none !important; }
body#election #main_section .legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 18px;
  margin: 14px 0 18px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--jdc-text-soft, #374151); }
  body#election #main_section .legend li {
    display: inline-flex;
    align-items: center;
    gap: 7px; }
  body#election #main_section .legend div {
    display: inline-block;
    width: 26px;
    height: 16px;
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-radius: 4px; }
body#election #main_section .btn_color {
  margin: 4px 0 8px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--jdc-text, #111827);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border-strong, #d1d5db);
  border-radius: 8px;
  cursor: pointer; }
  body#election #main_section .btn_color small {
    color: var(--jdc-text-muted, #6b7280);
    font-weight: 400; }
  body#election #main_section .btn_color:hover {
    border-color: #018df0;
    color: #018df0; }
body#election #main_section .table_responsive {
  overflow-x: auto;
  max-width: 100%;
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  margin: 0 0 18px;
  -webkit-overflow-scrolling: touch; }
body#election #main_section .comparate_candidate, body#election #main_section .election_result {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
  background: var(--jdc-surface, #ffffff); }
  body#election #main_section .comparate_candidate th, body#election #main_section .comparate_candidate td, body#election #main_section .election_result th, body#election #main_section .election_result td {
    border: 0;
    border-bottom: 1px solid var(--jdc-border, #e5e7eb);
    border-right: 1px solid var(--jdc-border, #e5e7eb);
    padding: 10px 12px;
    text-align: center;
    vertical-align: middle;
    color: var(--jdc-text-soft, #374151);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none; }
    body#election #main_section .comparate_candidate th:last-child, body#election #main_section .comparate_candidate td:last-child, body#election #main_section .election_result th:last-child, body#election #main_section .election_result td:last-child {
      border-right: 0; }
  body#election #main_section .comparate_candidate tr:last-child th, body#election #main_section .comparate_candidate tr:last-child td, body#election #main_section .election_result tr:last-child th, body#election #main_section .election_result tr:last-child td {
    border-bottom: 0; }
body#election #main_section .election_result {
  width: 100%; }
  body#election #main_section .election_result td:first-child, body#election #main_section .election_result th:first-child {
    text-align: left;
    font-weight: 600;
    color: var(--jdc-text, #111827); }
body#election #main_section .comparate_candidate {
  min-width: 100%; }
  body#election #main_section .comparate_candidate thead th, body#election #main_section .comparate_candidate .name th {
    position: sticky;
    top: 0;
    z-index: 2;
    min-width: 90px;
    text-align: center !important;
    vertical-align: top;
    background: var(--jdc-surface, #ffffff);
    border-bottom: 2px solid var(--jdc-border-strong, #d1d5db);
    font-weight: 700;
    color: var(--jdc-text, #111827); }
  body#election #main_section .comparate_candidate tbody th {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 170px;
    max-width: 230px;
    text-align: left;
    white-space: normal;
    font-weight: 600;
    color: var(--jdc-text, #111827);
    background: var(--jdc-surface, #ffffff);
    box-shadow: 1px 0 0 var(--jdc-border, #e5e7eb); }
  body#election #main_section .comparate_candidate thead th:first-child, body#election #main_section .comparate_candidate .name th:first-child {
    left: 0;
    z-index: 3;
    min-width: 170px; }
  body#election #main_section .comparate_candidate td {
    min-width: 90px; }
  body#election #main_section .comparate_candidate tbody tr:hover td {
    filter: brightness(1.06) saturate(1.4); }
body#election #main_section .bg_logo td {
  background: var(--jdc-bg-subtle, #f1f2f4); }
body#election #main_section .portrait_candidat {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--jdc-surface, #ffffff);
  box-shadow: 0 0 0 1px var(--jdc-border, #e5e7eb); }
body#election #main_section .details_mandats {
  display: inline-block;
  margin-top: 6px;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  color: #018df0;
  background: none;
  border: 0;
  text-decoration: underline;
  cursor: pointer; }
  body#election #main_section .details_mandats:hover {
    color: #016fbd; }
body#election #main_section article > p {
  font-size: 13.5px;
  color: var(--jdc-text-muted, #6b7280); }

.v10-tip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  color: var(--jdc-text-muted, #6b7280);
  background: var(--jdc-bg-subtle, #f1f2f4);
  border: 1px solid var(--jdc-border-strong, #d1d5db);
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  .v10-tip-btn:hover, .v10-tip-btn:focus {
    color: #018df0;
    border-color: #018df0;
    outline: 0; }

.v10-tip-pop {
  margin: auto;
  width: max-content;
  max-width: 320px;
  padding: 12px 15px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--jdc-text, #111827);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06); }

.ui-tooltip {
  max-width: 300px !important;
  padding: 10px 13px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #fff !important;
  background: var(--jdc-text, #111827) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06) !important; }

.panel.answers_list.is_loading {
  position: relative;
  min-height: 130px; }
  .panel.answers_list.is_loading .panel_target {
    opacity: 0.4;
    pointer-events: none; }
  .panel.answers_list.is_loading::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 64px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 3px solid var(--jdc-border, #e5e7eb);
    border-top-color: #018df0;
    border-radius: 50%;
    animation: v10_spin 0.7s linear infinite; }

@keyframes v10_spin {
  100% {
    transform: rotate(360deg); } }
.btn_show_delete {
  display: inline-block;
  margin: 0 0 12px;
  padding: 6px 13px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--jdc-text-soft, #374151);
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border-strong, #d1d5db);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none; }
  .btn_show_delete:hover {
    border-color: #018df0;
    color: #018df0; }
  .btn_show_delete.active {
    color: #fff;
    background: #018df0;
    border-color: #018df0; }

.admin_topics_bar {
  margin: 4px 0 8px; }

.suggested_dup {
  margin: 8px 0 4px; }
  .suggested_dup .head {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--jdc-text-muted, #6b7280); }
  .suggested_dup .dup_item {
    display: block;
    margin: 0 0 5px;
    padding: 7px 11px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--jdc-text, #111827);
    background: var(--jdc-bg-subtle, #f1f2f4);
    border: 1px solid var(--jdc-border, #e5e7eb);
    border-left: 3px solid #018df0;
    border-radius: 8px;
    text-decoration: none; }
    .suggested_dup .dup_item:hover {
      background: var(--jdc-surface, #ffffff);
      color: #018df0; }

main > nav {
  background: transparent;
  border-right: 0;
  width: 230px;
  max-width: 230px; }
  main > nav .nav {
    background: var(--jdc-surface, #ffffff);
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    margin: 10px 8px;
    padding: 8px; }
    main > nav .nav h3 {
      background: transparent;
      color: var(--jdc-text-faint, #9ca3af);
      text-align: left;
      font-variant: normal;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 11px;
      font-weight: 700;
      padding: 10px 12px 4px; }
    main > nav .nav li {
      min-height: 0;
      margin: 1px 0;
      list-style: none; }
      main > nav .nav li a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 8px;
        color: var(--jdc-text-soft, #374151);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        text-decoration: none; }
        main > nav .nav li a small {
          font-size: 13px;
          font-weight: 500; }
        main > nav .nav li a:hover {
          background: var(--jdc-bg-subtle, #f1f2f4);
          color: var(--jdc-text, #111827) !important; }
      main > nav .nav li.sub {
        margin: 0;
        position: relative; }
        main > nav .nav li.sub a {
          padding: 8px 12px 8px 28px;
          font-size: 13px;
          color: var(--jdc-text-muted, #6b7280); }
          main > nav .nav li.sub a:hover {
            background: var(--jdc-bg-subtle, #f1f2f4);
            color: var(--jdc-text, #111827) !important; }
        main > nav .nav li.sub::before {
          content: "";
          position: absolute;
          left: 18px;
          top: 0;
          bottom: 0;
          width: 2px;
          border-radius: 1px;
          background: var(--jdc-border, #e5e7eb); }
      main > nav .nav li.active, main > nav .nav li:hover {
        background: transparent;
        border-right: 0; }
      main > nav .nav li.active > a {
        background: rgba(1, 141, 240, 0.08);
        color: #018df0 !important;
        font-weight: 600; }

.vote_anonymous {
  opacity: 0.45;
  transition: opacity 0.15s ease; }
  .vote_anonymous:hover {
    opacity: 0.85; }

.adhesion_summary:not(.vline) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 13px; }
  .adhesion_summary:not(.vline) .adhesion_label {
    color: var(--jdc-text-muted, #6b7280);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: help; }
  .adhesion_summary:not(.vline) a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 9px;
    border-radius: 99px;
    border: 1px solid var(--jdc-border, #e5e7eb);
    text-decoration: none;
    color: var(--jdc-text-muted, #6b7280);
    transition: all 0.15s ease; }
    .adhesion_summary:not(.vline) a .mark {
      font-weight: 700; }
    .adhesion_summary:not(.vline) a:hover {
      border-color: #018df0;
      color: #018df0; }
  .adhesion_summary:not(.vline) a.adhesion_up.adhesion-active {
    background: #dcfce7;
    border-color: #16a34a;
    color: #15803d; }
  .adhesion_summary:not(.vline) a.adhesion_down.adhesion-active {
    background: #fee2e2;
    border-color: #dc2626;
    color: #b91c1c; }

.answer .infos .unchallenged {
  display: inline-block;
  margin: 4px 0 0;
  padding: 1px 9px;
  border-radius: 99px;
  background: var(--jdc-surface-alt, #fafafb);
  color: var(--jdc-text-muted, #6b7280);
  font-size: 11px;
  cursor: help; }

.prior_masked {
  filter: blur(7px);
  pointer-events: none;
  user-select: none; }

.prior_gate, .prior_after {
  background: var(--jdc-surface, #ffffff);
  border: 1px solid var(--jdc-border, #e5e7eb);
  border-radius: 12px;
  padding: 18px 22px;
  margin: 18px 0; }
  .prior_gate h3, .prior_after h3 {
    margin: 0 0 6px; }
  .prior_gate p, .prior_after p {
    color: var(--jdc-text-muted, #6b7280);
    font-size: 14px;
    margin: 0 0 12px; }
  .prior_gate .prior_buttons, .prior_after .prior_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
    .prior_gate .prior_buttons button, .prior_after .prior_buttons button {
      padding: 7px 14px;
      border-radius: 99px;
      border: 1px solid var(--jdc-border-strong, #d1d5db);
      background: var(--jdc-surface, #ffffff);
      color: var(--jdc-text, #111827);
      cursor: pointer;
      font-size: 13px;
      font-weight: 600;
      transition: all 0.15s ease; }
      .prior_gate .prior_buttons button:hover, .prior_after .prior_buttons button:hover {
        filter: brightness(0.97); }
    .prior_gate .prior_buttons button[data-value="-2"], .prior_after .prior_buttons button[data-value="-2"] {
      border-color: #dc2626;
      color: #dc2626; }
      .prior_gate .prior_buttons button[data-value="-2"].active, .prior_after .prior_buttons button[data-value="-2"].active {
        background: #dc2626;
        border-color: #dc2626;
        color: #fff; }
    .prior_gate .prior_buttons button[data-value="-1"], .prior_after .prior_buttons button[data-value="-1"] {
      border-color: #f97316;
      color: #f97316; }
      .prior_gate .prior_buttons button[data-value="-1"].active, .prior_after .prior_buttons button[data-value="-1"].active {
        background: #f97316;
        border-color: #f97316;
        color: #fff; }
    .prior_gate .prior_buttons button[data-value="0"], .prior_after .prior_buttons button[data-value="0"] {
      border-color: #6b7280;
      color: #6b7280; }
      .prior_gate .prior_buttons button[data-value="0"].active, .prior_after .prior_buttons button[data-value="0"].active {
        background: #6b7280;
        border-color: #6b7280;
        color: #fff; }
    .prior_gate .prior_buttons button[data-value="1"], .prior_after .prior_buttons button[data-value="1"] {
      border-color: #16a34a;
      color: #16a34a; }
      .prior_gate .prior_buttons button[data-value="1"].active, .prior_after .prior_buttons button[data-value="1"].active {
        background: #16a34a;
        border-color: #16a34a;
        color: #fff; }
    .prior_gate .prior_buttons button[data-value="2"], .prior_after .prior_buttons button[data-value="2"] {
      border-color: #15803d;
      color: #15803d; }
      .prior_gate .prior_buttons button[data-value="2"].active, .prior_after .prior_buttons button[data-value="2"].active {
        background: #15803d;
        border-color: #15803d;
        color: #fff; }
  .prior_gate .prior_avg, .prior_after .prior_avg {
    margin: 12px 0 0;
    font-size: 13px; }

.prior_gate {
  border-color: #018df0;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06); }

.my_prior_dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: middle; }

.topic .summary .my_prior {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--jdc-text-muted, #6b7280); }
  .topic .summary .my_prior .my_prior_gap {
    color: var(--jdc-text-faint, #9ca3af); }

.priors_page .priors_intro {
  color: var(--jdc-text-muted, #6b7280);
  margin-bottom: 16px; }

.prior_row {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid var(--jdc-border, #e5e7eb); }
  .prior_row .stat {
    flex: 0 0 150px;
    font-size: 13px;
    font-weight: 600;
    color: var(--jdc-text-soft, #374151); }
  .prior_row .summary h3 {
    margin: 0 0 4px;
    font-size: 15px; }
  .prior_row .prior_evo {
    margin: 0;
    font-size: 12.5px;
    color: var(--jdc-text-muted, #6b7280); }
    .prior_row .prior_evo--pending {
      font-style: italic;
      color: var(--jdc-text-faint, #9ca3af); }

.merge_tool {
  background: #fff7ed;
  border: 1px solid #fdba74;
  border-radius: 12px;
  padding: 14px 18px;
  margin: 14px 0; }
  .merge_tool h3 {
    margin: 0 0 4px;
    font-size: 15px; }
  .merge_tool p {
    color: var(--jdc-text-muted, #6b7280);
    font-size: 13px;
    margin: 0 0 10px; }
  .merge_tool form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center; }
    .merge_tool form select {
      max-width: 480px; }

body#show_answer .main_debate > h1::before {
  content: none; }

.link-btn {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit; }
  .link-btn:hover {
    color: #018df0; }

#img_zoom {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.85);
  cursor: zoom-out;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px; }
  #img_zoom.active {
    display: flex; }
  #img_zoom img {
    max-width: 100%;
    max-height: 82vh;
    width: auto;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }
  #img_zoom .iz_cap {
    display: none;
    margin-top: 16px;
    font-size: 0.875rem;
    color: #fff;
    text-align: center; }

.news_article {
  font-size: calc(0.87813rem + 0.0375vw);
  color: var(--jdc-text-soft, #374151);
  line-height: 1.72; }
  @media (min-width: 1200px) {
    .news_article {
      font-size: 0.90625rem; } }
  .news_article .news_lead {
    font-size: calc(0.8875rem + 0.15vw);
    line-height: 1.6;
    color: var(--jdc-text, #111827);
    background: rgba(1, 141, 240, 0.08);
    border-left: 4px solid #018df0;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 4px 0 30px; }
    @media (min-width: 1200px) {
      .news_article .news_lead {
        font-size: 1rem; } }
  .news_article .news_shot {
    margin: 20px 0 6px; }
    .news_article .news_shot img {
      display: block;
      width: 100%;
      height: auto;
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 8px;
      background: var(--jdc-surface, #ffffff); }
    .news_article .news_shot .news_cap {
      display: block;
      margin-top: 9px;
      font-size: 0.78125rem;
      line-height: 1.5;
      color: var(--jdc-text-muted, #6b7280);
      text-align: center;
      font-style: italic; }
  .news_article .news_sec {
    padding: 24px 0 6px;
    border-top: 1px solid var(--jdc-border, #e5e7eb); }
    .news_article .news_sec:first-of-type {
      border-top: none;
      padding-top: 6px; }
    .news_article .news_sec h3 {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 14px;
      font-size: calc(0.9rem + 0.3vw);
      font-weight: 700;
      color: var(--jdc-text, #111827);
      line-height: 1.3;
      border: none;
      padding: 0; }
      @media (min-width: 1200px) {
        .news_article .news_sec h3 {
          font-size: 1.125rem; } }
    .news_article .news_sec .news_num {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #018df0;
      color: #fff;
      font-size: 0.875rem;
      font-weight: 800;
      line-height: 1; }
    .news_article .news_sec p {
      margin: 0 0 12px; }
    .news_article .news_sec ul {
      list-style: none;
      margin: 4px 0 14px;
      padding: 0; }
      .news_article .news_sec ul li {
        position: relative;
        padding-left: 26px;
        margin: 9px 0;
        line-height: 1.6; }
        .news_article .news_sec ul li::before {
          content: "";
          position: absolute;
          left: 5px;
          top: 8px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: var(--jdc-surface, #ffffff);
          border: 2px solid #018df0; }
  .news_article .news_note {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    padding: 13px 16px;
    margin: 14px 0 4px;
    font-size: 0.84375rem;
    line-height: 1.6;
    color: #7c2d12; }
  .news_article .news_two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 14px 0; }
    .news_article .news_two .news_card {
      border: 1px solid var(--jdc-border, #e5e7eb);
      border-radius: 8px;
      padding: 14px 16px;
      background: var(--jdc-surface, #ffffff); }
      .news_article .news_two .news_card h4 {
        margin: 0 0 6px;
        font-size: calc(0.87813rem + 0.0375vw);
        font-weight: 700;
        color: var(--jdc-text, #111827); }
        @media (min-width: 1200px) {
          .news_article .news_two .news_card h4 {
            font-size: 0.90625rem; } }
      .news_article .news_two .news_card p {
        margin: 0;
        font-size: 0.84375rem;
        line-height: 1.55; }
    .news_article .news_two .news_card--quality {
      border-top: 3px solid #2563eb; }
    .news_article .news_two .news_card--adhesion {
      border-top: 3px solid #16a34a; }
  .news_article .news_cta {
    margin-top: 30px;
    padding: 22px 24px;
    background: rgba(1, 141, 240, 0.08);
    border: 1px solid rgba(1, 141, 240, 0.25);
    border-radius: 12px;
    text-align: center; }
    .news_article .news_cta h3 {
      margin: 0 0 6px;
      border: none;
      padding: 0;
      font-size: calc(0.89375rem + 0.225vw);
      font-weight: 700;
      color: #018df0; }
      @media (min-width: 1200px) {
        .news_article .news_cta h3 {
          font-size: 1.0625rem; } }
    .news_article .news_cta p {
      margin: 0; }
  .news_article strong {
    color: var(--jdc-text, #111827);
    font-weight: 700; }
  @media (max-width: 600px) {
    .news_article .news_two {
      grid-template-columns: 1fr; } }

html[data-theme="dark"] input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), html[data-theme="dark"] textarea, html[data-theme="dark"] select {
  background-color: var(--jdc-surface);
  color: var(--jdc-text);
  border-color: var(--jdc-border); }
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder {
  color: var(--jdc-text-faint); }
html[data-theme="dark"] input:-webkit-autofill, html[data-theme="dark"] input:-webkit-autofill:hover, html[data-theme="dark"] input:-webkit-autofill:focus, html[data-theme="dark"] input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--jdc-surface) inset !important;
  -webkit-text-fill-color: var(--jdc-text) !important; }
html[data-theme="dark"] input[disabled] {
  background-color: var(--jdc-bg-subtle) !important;
  color: var(--jdc-text-faint); }
html[data-theme="dark"] code {
  background-color: var(--jdc-surface-alt);
  color: var(--jdc-text); }
html[data-theme="dark"] hr {
  background-color: var(--jdc-border); }
html[data-theme="dark"] table {
  border-color: var(--jdc-border); }
  html[data-theme="dark"] table td, html[data-theme="dark"] table th {
    border-color: var(--jdc-border); }
html[data-theme="dark"] .alert-success, html[data-theme="dark"] .box-success {
  background: rgba(46, 204, 113, 0.12);
  color: #86e3b6; }
html[data-theme="dark"] .alert-error, html[data-theme="dark"] .alert-danger, html[data-theme="dark"] .box-error {
  background: var(--jdc-danger-soft);
  color: var(--jdc-danger); }
html[data-theme="dark"] .alert-warning, html[data-theme="dark"] .box-warning {
  background: rgba(214, 184, 106, 0.12);
  color: #e3c97a; }