/* Shared paper buttons: the same stylesheet is mirrored in the public design system. */
:root{--paper-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%2772%27%20viewBox%3D%270%200%20300%2072%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M11%202%20Q76%201%20148%202%20T289%202%20Q298%203%20298%2012%20L298%2059%20Q298%2069%20289%2070%20Q210%2071%20147%2070%20T11%2070%20Q2%2070%202%2059%20L2%2013%20Q1%203%2011%202Z%27%20fill%3D%27none%27%20stroke%3D%27%23354d34%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M13%204%20Q108%203%20176%204%20T285%204%27%20fill%3D%27none%27%20stroke%3D%27%23faf7ef%27%20stroke-opacity%3D%27.15%27%20stroke-width%3D%27.8%27%2F%3E%3C%2Fsvg%3E")}
.App .paper-primary.paper-primary,.App .fokeev-primary-link,.design-system button.primary {
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
 border:0;border-image:none;border-radius:8px;background-color:#526a50;
 background-image:radial-gradient(circle,rgba(250,247,239,.13) .65px,transparent .9px);background-size:7px 7px;
 color:#fff;box-shadow:0 2px 0 #344a33;text-decoration:none;font-weight:550;
 transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease;animation:none;
}
.App .paper-primary::before,.App .fokeev-primary-link::before,.design-system button.primary::before {
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--paper-outline) center/100% 100% no-repeat;
}
.App .paper-primary.paper-primary:focus-visible,.App .fokeev-primary-link:focus-visible,.design-system button.primary:focus-visible {
 outline:2px solid #52758a;outline-offset:5px;--tw-ring-shadow:0 0 #0000;
}
.App .paper-primary.paper-primary:disabled,.App .fokeev-primary-link[aria-disabled=true],.design-system button.primary:disabled {
 opacity:.4;cursor:default;box-shadow:none;transform:none;background-color:#526a50;
}
@media(hover:hover) and (pointer:fine){
 .App .paper-primary.paper-primary:not(:disabled):hover,.App .fokeev-primary-link:not([aria-disabled=true]):hover,.design-system button.primary:not(:disabled):hover {
  background-color:#455e43;color:#fff;transform:translateY(-2px);box-shadow:0 4px 0 #344a3345,0 7px 12px -10px #29292970;
 }
}
.App .paper-primary.paper-primary:not(:disabled):active,.App .fokeev-primary-link:not([aria-disabled=true]):active,.design-system button.primary:not(:disabled):active {
 background-color:#3e553d;transform:translateY(1px);box-shadow:none;
}
.App .course-catalog-link,.App .course-details-link,.App .editorial-text-link,.design-system .paper-secondary {
 transition:color 160ms ease,transform 160ms ease;
}
.App .course-catalog-link:focus-visible,.App .course-details-link:focus-visible,.App .editorial-text-link:focus-visible,.design-system .paper-secondary:focus-visible {
 outline:2px solid #52758a;outline-offset:5px;border-radius:8px;
}
@media(hover:hover) and (pointer:fine){
 .App .course-catalog-link:hover,.App .course-details-link:hover,.App .editorial-text-link:hover{color:#344a33}
}
.App .course-catalog-link:active,.App .course-details-link:active,.App .editorial-text-link:active{transform:translateY(1px)}
.design-system .paper-secondary{display:inline-flex;align-items:center;gap:17px;padding:12px 0;min-height:48px;border:0;background:none;color:#526a50;font-weight:650;text-decoration:none;box-shadow:none}
.design-system .paper-secondary .label{padding-bottom:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 9' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q140 0 318 4' fill='none' stroke='%2352758a' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% 7px no-repeat}
.design-system .paper-secondary::after{content:none}
@media(hover:hover) and (pointer:fine){.design-system .paper-secondary:hover{background:none;color:#344a33}}
.design-system .paper-secondary:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){
 .App .paper-primary.paper-primary,.App .fokeev-primary-link,.App .course-catalog-link,.App .course-details-link,.App .editorial-text-link,.design-system button.primary,.design-system .paper-secondary{transition:none!important}
 .App .paper-primary.paper-primary:hover,.App .paper-primary.paper-primary:active,.App .fokeev-primary-link:hover,.App .fokeev-primary-link:active,.design-system button.primary:hover,.design-system button.primary:active,.design-system .paper-secondary:active{transform:none}
}
